#643416
RGB ( 赤 = 100, 緑 = 52, 青 = 22 )
HSL ( 色相 = 23°, 彩度 = 64%, 明度 = 24% )
H : 色相 ( 23° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #641a16 : -20
13 : #642716 : -10
23 : #643416 : ±0
33 : #644116 : +10
43 : #644e16 : +20
53 : #645b16 : +30
63 : #606416 : +40
73 : #536416 : +50
83 : #466416 : +60
93 : #396416 : +70
103 : #2c6416 : +80
113 : #1f6416 : +90
123 : #16641a : +100
133 : #166427 : +110
143 : #166434 : +120
153 : #166441 : +130
163 : #16644e : +140
173 : #16645b : +150
183 : #166064 : +160
193 : #165364 : +170
203 : #164664 : +180
213 : #163964 : +190
223 : #162c64 : +200
233 : #161f64 : +210
243 : #1a1664 : +220
253 : #271664 : +230
263 : #341664 : +240
273 : #411664 : +250
283 : #4e1664 : +260
293 : #5b1664 : +270
303 : #641660 : +280
313 : #641653 : +290
323 : #641646 : +300
333 : #641639 : +310
343 : #64162c : +320
353 : #64161f : +330
13 : #642716 : -10
14 : #642816 : -9
15 : #642a16 : -8
16 : #642b16 : -7
17 : #642c16 : -6
18 : #642e16 : -5
19 : #642f16 : -4
20 : #643016 : -3
21 : #643116 : -2
22 : #643316 : -1
23 : #643416 : ±0
24 : #643516 : +1
25 : #643716 : +2
26 : #643816 : +3
27 : #643916 : +4
28 : #643b16 : +5
29 : #643c16 : +6
30 : #643d16 : +7
31 : #643f16 : +8
32 : #644016 : +9
33 : #644116 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -64
2 : #3e3d3c : -62
4 : #403d3b : -60
6 : #413c3a : -58
8 : #423c38 : -56
10 : #433c37 : -54
12 : #453b36 : -52
14 : #463b35 : -50
16 : #473b33 : -48
18 : #483b32 : -46
20 : #493a31 : -44
22 : #4b3a30 : -42
24 : #4c3a2f : -40
26 : #4d392d : -38
28 : #4e392c : -36
30 : #50392b : -34
32 : #51392a : -32
34 : #523828 : -30
36 : #533827 : -28
38 : #543826 : -26
40 : #563725 : -24
42 : #573723 : -22
44 : #583722 : -20
46 : #593721 : -18
48 : #5b3620 : -16
50 : #5c361f : -14
52 : #5d361d : -12
54 : #5e351c : -10
56 : #5f351b : -8
58 : #61351a : -6
60 : #623518 : -4
62 : #633417 : -2
64 : #643416 : ±0
66 : #663415 : +2
68 : #673314 : +4
70 : #683312 : +6
72 : #693311 : +8
74 : #6a3310 : +10
76 : #6c320f : +12
78 : #6d320d : +14
80 : #6e320c : +16
82 : #6f310b : +18
84 : #71310a : +20
86 : #723109 : +22
88 : #733107 : +24
90 : #743006 : +26
92 : #763005 : +28
94 : #773004 : +30
96 : #782f02 : +32
98 : #792f01 : +34
100 : #7a2f00 : +36
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #080402 : -22
4 : #110904 : -20
6 : #190d06 : -18
8 : #211107 : -16
10 : #2a1609 : -14
12 : #321a0b : -12
14 : #3b1e0d : -10
16 : #43230f : -8
18 : #4b2711 : -6
20 : #542b12 : -4
22 : #5c3014 : -2
24 : #643416 : ±0
26 : #6d3818 : +2
28 : #753d1a : +4
30 : #7d411c : +6
32 : #86451d : +8
34 : #8e4a1f : +10
36 : #974e21 : +12
38 : #9f5223 : +14
40 : #a75725 : +16
42 : #b05b27 : +18
44 : #b85f28 : +20
46 : #c0642a : +22
48 : #c9682c : +24
50 : #d16c2e : +26
52 : #d37236 : +28
54 : #d5783f : +30
56 : #d77e47 : +32
58 : #d8844f : +34
60 : #da8a58 : +36
62 : #dc9060 : +38
64 : #de9568 : +40
66 : #e09b71 : +42
68 : #e2a179 : +44
70 : #e3a782 : +46
72 : #e5ad8a : +48
74 : #e7b392 : +50
76 : #e9b99b : +52
78 : #ebbfa3 : +54
80 : #edc4ab : +56
82 : #eecab4 : +58
84 : #f0d0bc : +60
86 : #f2d6c4 : +62
88 : #f4dccd : +64
90 : #f6e2d5 : +66
92 : #f8e8de : +68
94 : #f9ede6 : +70
96 : #fbf3ee : +72
98 : #fdf9f7 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow