#644e16
RGB ( 赤 = 100, 緑 = 78, 青 = 22 )
HSL ( 色相 = 43°, 彩度 = 64%, 明度 = 24% )
H : 色相 ( 43° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #641a16 : -40
13 : #642716 : -30
23 : #643416 : -20
33 : #644116 : -10
43 : #644e16 : ±0
53 : #645b16 : +10
63 : #606416 : +20
73 : #536416 : +30
83 : #466416 : +40
93 : #396416 : +50
103 : #2c6416 : +60
113 : #1f6416 : +70
123 : #16641a : +80
133 : #166427 : +90
143 : #166434 : +100
153 : #166441 : +110
163 : #16644e : +120
173 : #16645b : +130
183 : #166064 : +140
193 : #165364 : +150
203 : #164664 : +160
213 : #163964 : +170
223 : #162c64 : +180
233 : #161f64 : +190
243 : #1a1664 : +200
253 : #271664 : +210
263 : #341664 : +220
273 : #411664 : +230
283 : #4e1664 : +240
293 : #5b1664 : +250
303 : #641660 : +260
313 : #641653 : +270
323 : #641646 : +280
333 : #641639 : +290
343 : #64162c : +300
353 : #64161f : +310
33 : #644116 : -10
34 : #644216 : -9
35 : #644416 : -8
36 : #644516 : -7
37 : #644616 : -6
38 : #644816 : -5
39 : #644916 : -4
40 : #644a16 : -3
41 : #644c16 : -2
42 : #644d16 : -1
43 : #644e16 : ±0
44 : #644f16 : +1
45 : #645116 : +2
46 : #645216 : +3
47 : #645316 : +4
48 : #645516 : +5
49 : #645616 : +6
50 : #645716 : +7
51 : #645916 : +8
52 : #645a16 : +9
53 : #645b16 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -64
2 : #3e3e3c : -62
4 : #403e3b : -60
6 : #413f3a : -58
8 : #423f38 : -56
10 : #434037 : -54
12 : #454036 : -52
14 : #464135 : -50
16 : #474133 : -48
18 : #484232 : -46
20 : #494331 : -44
22 : #4b4330 : -42
24 : #4c442f : -40
26 : #4d442d : -38
28 : #4e452c : -36
30 : #50452b : -34
32 : #51462a : -32
34 : #524628 : -30
36 : #534727 : -28
38 : #544726 : -26
40 : #564825 : -24
42 : #574823 : -22
44 : #584922 : -20
46 : #594921 : -18
48 : #5b4a20 : -16
50 : #5c4a1f : -14
52 : #5d4b1d : -12
54 : #5e4c1c : -10
56 : #5f4c1b : -8
58 : #614d1a : -6
60 : #624d18 : -4
62 : #634e17 : -2
64 : #644e16 : ±0
66 : #664f15 : +2
68 : #674f14 : +4
70 : #685012 : +6
72 : #695011 : +8
74 : #6a5110 : +10
76 : #6c510f : +12
78 : #6d520d : +14
80 : #6e520c : +16
82 : #6f530b : +18
84 : #71530a : +20
86 : #725409 : +22
88 : #735507 : +24
90 : #745506 : +26
92 : #765605 : +28
94 : #775604 : +30
96 : #785702 : +32
98 : #795701 : +34
100 : #7a5800 : +36
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #080702 : -22
4 : #110d04 : -20
6 : #191406 : -18
8 : #211a07 : -16
10 : #2a2109 : -14
12 : #32270b : -12
14 : #3b2e0d : -10
16 : #43340f : -8
18 : #4b3b11 : -6
20 : #544112 : -4
22 : #5c4814 : -2
24 : #644e16 : ±0
26 : #6d5518 : +2
28 : #755b1a : +4
30 : #7d621c : +6
32 : #86681d : +8
34 : #8e6f1f : +10
36 : #977521 : +12
38 : #9f7c23 : +14
40 : #a78225 : +16
42 : #b08927 : +18
44 : #b88f28 : +20
46 : #c0962a : +22
48 : #c99c2c : +24
50 : #d1a32e : +26
52 : #d3a736 : +28
54 : #d5aa3f : +30
56 : #d7ae47 : +32
58 : #d8b24f : +34
60 : #dab558 : +36
62 : #dcb960 : +38
64 : #debd68 : +40
66 : #e0c071 : +42
68 : #e2c479 : +44
70 : #e3c882 : +46
72 : #e5cb8a : +48
74 : #e7cf92 : +50
76 : #e9d39b : +52
78 : #ebd6a3 : +54
80 : #eddaab : +56
82 : #eedeb4 : +58
84 : #f0e2bc : +60
86 : #f2e5c4 : +62
88 : #f4e9cd : +64
90 : #f6edd5 : +66
92 : #f8f0de : +68
94 : #f9f4e6 : +70
96 : #fbf8ee : +72
98 : #fdfbf7 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow