#644516
RGB ( 赤 = 100, 緑 = 69, 青 = 22 )
HSL ( 色相 = 36°, 彩度 = 64%, 明度 = 24% )
H : 色相 ( 36° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #641e16 : -30
16 : #642b16 : -20
26 : #643816 : -10
36 : #644516 : ±0
46 : #645216 : +10
56 : #645f16 : +20
66 : #5d6416 : +30
76 : #4f6416 : +40
86 : #426416 : +50
96 : #356416 : +60
106 : #286416 : +70
116 : #1b6416 : +80
126 : #16641e : +90
136 : #16642b : +100
146 : #166438 : +110
156 : #166445 : +120
166 : #166452 : +130
176 : #16645f : +140
186 : #165d64 : +150
196 : #164f64 : +160
206 : #164264 : +170
216 : #163564 : +180
226 : #162864 : +190
236 : #161b64 : +200
246 : #1e1664 : +210
256 : #2b1664 : +220
266 : #381664 : +230
276 : #451664 : +240
286 : #521664 : +250
296 : #5f1664 : +260
306 : #64165d : +270
316 : #64164f : +280
326 : #641642 : +290
336 : #641635 : +300
346 : #641628 : +310
356 : #64161b : +320
26 : #643816 : -10
27 : #643916 : -9
28 : #643b16 : -8
29 : #643c16 : -7
30 : #643d16 : -6
31 : #643f16 : -5
32 : #644016 : -4
33 : #644116 : -3
34 : #644216 : -2
35 : #644416 : -1
36 : #644516 : ±0
37 : #644616 : +1
38 : #644816 : +2
39 : #644916 : +3
40 : #644a16 : +4
41 : #644c16 : +5
42 : #644d16 : +6
43 : #644e16 : +7
44 : #644f16 : +8
45 : #645116 : +9
46 : #645216 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -64
2 : #3e3d3c : -62
4 : #403e3b : -60
6 : #413e3a : -58
8 : #423e38 : -56
10 : #433e37 : -54
12 : #453f36 : -52
14 : #463f35 : -50
16 : #473f33 : -48
18 : #483f32 : -46
20 : #494031 : -44
22 : #4b4030 : -42
24 : #4c402f : -40
26 : #4d402d : -38
28 : #4e412c : -36
30 : #50412b : -34
32 : #51412a : -32
34 : #524128 : -30
36 : #534227 : -28
38 : #544226 : -26
40 : #564225 : -24
42 : #574223 : -22
44 : #584322 : -20
46 : #594321 : -18
48 : #5b4320 : -16
50 : #5c431f : -14
52 : #5d441d : -12
54 : #5e441c : -10
56 : #5f441b : -8
58 : #61441a : -6
60 : #624518 : -4
62 : #634517 : -2
64 : #644516 : ±0
66 : #664515 : +2
68 : #674614 : +4
70 : #684612 : +6
72 : #694611 : +8
74 : #6a4610 : +10
76 : #6c470f : +12
78 : #6d470d : +14
80 : #6e470c : +16
82 : #6f470b : +18
84 : #71470a : +20
86 : #724809 : +22
88 : #734807 : +24
90 : #744806 : +26
92 : #764805 : +28
94 : #774904 : +30
96 : #784902 : +32
98 : #794901 : +34
100 : #7a4900 : +36
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #080602 : -22
4 : #110c04 : -20
6 : #191106 : -18
8 : #211707 : -16
10 : #2a1d09 : -14
12 : #32230b : -12
14 : #3b280d : -10
16 : #432e0f : -8
18 : #4b3411 : -6
20 : #543a12 : -4
22 : #5c3f14 : -2
24 : #644516 : ±0
26 : #6d4b18 : +2
28 : #75511a : +4
30 : #7d561c : +6
32 : #865c1d : +8
34 : #8e621f : +10
36 : #976821 : +12
38 : #9f6d23 : +14
40 : #a77325 : +16
42 : #b07927 : +18
44 : #b87f28 : +20
46 : #c0842a : +22
48 : #c98a2c : +24
50 : #d1902e : +26
52 : #d39436 : +28
54 : #d5993f : +30
56 : #d79d47 : +32
58 : #d8a24f : +34
60 : #daa658 : +36
62 : #dcab60 : +38
64 : #deaf68 : +40
66 : #e0b371 : +42
68 : #e2b879 : +44
70 : #e3bc82 : +46
72 : #e5c18a : +48
74 : #e7c592 : +50
76 : #e9ca9b : +52
78 : #ebcea3 : +54
80 : #edd3ab : +56
82 : #eed7b4 : +58
84 : #f0dbbc : +60
86 : #f2e0c4 : +62
88 : #f4e4cd : +64
90 : #f6e9d5 : +66
92 : #f8edde : +68
94 : #f9f2e6 : +70
96 : #fbf6ee : +72
98 : #fdfbf7 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow