#73ab81
RGB
赤 | 115 |
---|---|
緑 | 171 |
青 | 129 |
HSL
色相 | 135° |
---|---|
彩度 | 25% |
明度 | 56% |
輝度 | 59% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 115, 緑 = 171, 青 = 129 )
HSL ( 色相 = 135°, 彩度 = 25%, 明度 = 56% )
H : 色相 ( 135° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #ab7773 : -130
15 : #ab8173 : -120
25 : #ab8a73 : -110
35 : #ab9373 : -100
45 : #ab9d73 : -90
55 : #aba673 : -80
65 : #a6ab73 : -70
75 : #9dab73 : -60
85 : #93ab73 : -50
95 : #8aab73 : -40
105 : #81ab73 : -30
115 : #77ab73 : -20
125 : #73ab77 : -10
135 : #73ab81 : ±0
145 : #73ab8a : +10
155 : #73ab93 : +20
165 : #73ab9d : +30
175 : #73aba6 : +40
185 : #73a6ab : +50
195 : #739dab : +60
205 : #7393ab : +70
215 : #738aab : +80
225 : #7381ab : +90
235 : #7377ab : +100
245 : #7773ab : +110
255 : #8173ab : +120
265 : #8a73ab : +130
275 : #9373ab : +140
285 : #9d73ab : +150
295 : #a673ab : +160
305 : #ab73a6 : +170
315 : #ab739d : +180
325 : #ab7393 : +190
335 : #ab738a : +200
345 : #ab7381 : +210
355 : #ab7377 : +220
125 : #73ab77 : -10
126 : #73ab78 : -9
127 : #73ab79 : -8
128 : #73ab7a : -7
129 : #73ab7b : -6
130 : #73ab7c : -5
131 : #73ab7d : -4
132 : #73ab7e : -3
133 : #73ab7f : -2
134 : #73ab80 : -1
135 : #73ab81 : ±0
136 : #73ab82 : +1
137 : #73ab83 : +2
138 : #73ab84 : +3
139 : #73ab85 : +4
140 : #73ab85 : +5
141 : #73ab86 : +6
142 : #73ab87 : +7
143 : #73ab88 : +8
144 : #73ab89 : +9
145 : #73ab8a : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8e908e : -24
3 : #8b928d : -22
5 : #89948c : -20
7 : #87978b : -18
9 : #85998a : -16
11 : #829b89 : -14
13 : #809d88 : -12
15 : #7ea086 : -10
17 : #7ca285 : -8
19 : #79a484 : -6
21 : #77a683 : -4
23 : #75a982 : -2
25 : #73ab81 : ±0
27 : #71ad80 : +2
29 : #6eaf7f : +4
31 : #6cb27d : +6
33 : #6ab47c : +8
35 : #68b67b : +10
37 : #65b87a : +12
39 : #63bb79 : +14
41 : #61bd78 : +16
43 : #5fbf77 : +18
45 : #5cc176 : +20
47 : #5ac474 : +22
49 : #58c673 : +24
51 : #56c872 : +26
53 : #53ca71 : +28
55 : #51cd70 : +30
57 : #4fcf6f : +32
59 : #4dd16e : +34
61 : #4ad36d : +36
63 : #48d56b : +38
65 : #46d86a : +40
67 : #44da69 : +42
69 : #41dc68 : +44
71 : #3fde67 : +46
73 : #3de166 : +48
75 : #3be365 : +50
77 : #38e564 : +52
79 : #36e762 : +54
81 : #34ea61 : +56
83 : #32ec60 : +58
85 : #2fee5f : +60
87 : #2df05e : +62
89 : #2bf35d : +64
91 : #29f55c : +66
93 : #26f75b : +68
95 : #24f95a : +70
97 : #22fc58 : +72
99 : #20fe57 : +74
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #040604 : -54
4 : #080d09 : -52
6 : #0b130d : -50
8 : #0f1a12 : -48
10 : #132016 : -46
12 : #17261b : -44
14 : #1b2d1f : -42
16 : #1f3324 : -40
18 : #223928 : -38
20 : #26402d : -36
22 : #2a4631 : -34
24 : #2e4d36 : -32
26 : #32533a : -30
28 : #36593e : -28
30 : #396043 : -26
32 : #3d6647 : -24
34 : #416c4c : -22
36 : #457350 : -20
38 : #497955 : -18
40 : #4d8059 : -16
42 : #50865e : -14
44 : #548c62 : -12
46 : #589367 : -10
48 : #5c996b : -8
50 : #609f70 : -6
52 : #66a375 : -4
54 : #6ca77b : -2
56 : #73ab81 : ±0
58 : #79af87 : +2
60 : #80b38c : +4
62 : #86b692 : +6
64 : #8cba98 : +8
66 : #93be9d : +10
68 : #99c2a3 : +12
70 : #9fc6a9 : +14
72 : #a6c9af : +16
74 : #accdb4 : +18
76 : #b3d1ba : +20
78 : #b9d5c0 : +22
80 : #bfd9c6 : +24
82 : #c6ddcb : +26
84 : #cce0d1 : +28
86 : #d2e4d7 : +30
88 : #d9e8dd : +32
90 : #dfece2 : +34
92 : #e6f0e8 : +36
94 : #ecf4ee : +38
96 : #f2f7f4 : +40
98 : #f9fbf9 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow