#ab2b4f
RGB
赤 | 171 |
---|---|
緑 | 43 |
青 | 79 |
HSL
色相 | 343° |
---|---|
彩度 | 60% |
明度 | 42% |
輝度 | 33% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 171, 緑 = 43, 青 = 79 )
HSL ( 色相 = 343°, 彩度 = 60%, 明度 = 42% )
H : 色相 ( 343° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #ab312b : -340
13 : #ab472b : -330
23 : #ab5c2b : -320
33 : #ab722b : -310
43 : #ab872b : -300
53 : #ab9c2b : -290
63 : #a5ab2b : -280
73 : #90ab2b : -270
83 : #7aab2b : -260
93 : #65ab2b : -250
103 : #4fab2b : -240
113 : #3aab2b : -230
123 : #2bab31 : -220
133 : #2bab47 : -210
143 : #2bab5c : -200
153 : #2bab72 : -190
163 : #2bab87 : -180
173 : #2bab9c : -170
183 : #2ba5ab : -160
193 : #2b90ab : -150
203 : #2b7aab : -140
213 : #2b65ab : -130
223 : #2b4fab : -120
233 : #2b3aab : -110
243 : #312bab : -100
253 : #472bab : -90
263 : #5c2bab : -80
273 : #722bab : -70
283 : #872bab : -60
293 : #9c2bab : -50
303 : #ab2ba5 : -40
313 : #ab2b90 : -30
323 : #ab2b7a : -20
333 : #ab2b65 : -10
343 : #ab2b4f : ±0
353 : #ab2b3a : +10
333 : #ab2b65 : -10
334 : #ab2b63 : -9
335 : #ab2b60 : -8
336 : #ab2b5e : -7
337 : #ab2b5c : -6
338 : #ab2b5a : -5
339 : #ab2b58 : -4
340 : #ab2b56 : -3
341 : #ab2b54 : -2
342 : #ab2b51 : -1
343 : #ab2b4f : ±0
344 : #ab2b4d : +1
345 : #ab2b4b : +2
346 : #ab2b49 : +3
347 : #ab2b47 : +4
348 : #ab2b45 : +5
349 : #ab2b42 : +6
350 : #ab2b40 : +7
351 : #ab2b3e : +8
352 : #ab2b3c : +9
353 : #ab2b3a : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -60
2 : #6d696a : -58
4 : #6f6769 : -56
6 : #726568 : -54
8 : #746367 : -52
10 : #766066 : -50
12 : #785e66 : -48
14 : #7a5c65 : -46
16 : #7c5a64 : -44
18 : #7e5863 : -42
20 : #815662 : -40
22 : #835461 : -38
24 : #855160 : -36
26 : #874f5f : -34
28 : #894d5e : -32
30 : #8b4b5d : -30
32 : #8d495c : -28
34 : #90475b : -26
36 : #92455a : -24
38 : #944259 : -22
40 : #964059 : -20
42 : #983e58 : -18
44 : #9a3c57 : -16
46 : #9c3a56 : -14
48 : #9f3855 : -12
50 : #a13654 : -10
52 : #a33353 : -8
54 : #a53152 : -6
56 : #a72f51 : -4
58 : #a92d50 : -2
60 : #ab2b4f : ±0
62 : #ae294e : +2
64 : #b0274d : +4
66 : #b2244c : +6
68 : #b4224c : +8
70 : #b6204b : +10
72 : #b81e4a : +12
74 : #ba1c49 : +14
76 : #bc1a48 : +16
78 : #bf1847 : +18
80 : #c11546 : +20
82 : #c31345 : +22
84 : #c51144 : +24
86 : #c70f43 : +26
88 : #c90d42 : +28
90 : #cb0b41 : +30
92 : #ce0940 : +32
94 : #d0063f : +34
96 : #d2043f : +36
98 : #d4023e : +38
100 : #d6003d : +40
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #080204 : -40
4 : #100408 : -38
6 : #18060b : -36
8 : #21080f : -34
10 : #290a13 : -32
12 : #310c17 : -30
14 : #390e1a : -28
16 : #41101e : -26
18 : #491222 : -24
20 : #521426 : -22
22 : #5a162a : -20
24 : #62182d : -18
26 : #6a1b31 : -16
28 : #721d35 : -14
30 : #7a1f39 : -12
32 : #83213c : -10
34 : #8b2340 : -8
36 : #932544 : -6
38 : #9b2748 : -4
40 : #a3294b : -2
42 : #ab2b4f : ±0
44 : #b42d53 : +2
46 : #bc2f57 : +4
48 : #c4315b : +6
50 : #cc335e : +8
52 : #ce3b65 : +10
54 : #d0436b : +12
56 : #d24b72 : +14
58 : #d45478 : +16
60 : #d65c7e : +18
62 : #d86485 : +20
64 : #da6c8b : +22
66 : #dc7492 : +24
68 : #de7c98 : +26
70 : #e0859f : +28
72 : #e28da5 : +30
74 : #e495ab : +32
76 : #e79db2 : +34
78 : #e9a5b8 : +36
80 : #ebadbf : +38
82 : #edb6c5 : +40
84 : #efbecc : +42
86 : #f1c6d2 : +44
88 : #f3ced8 : +46
90 : #f5d6df : +48
92 : #f7dee5 : +50
94 : #f9e7ec : +52
96 : #fbeff2 : +54
98 : #fdf7f9 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow