#644002
RGB ( 赤 = 100, 緑 = 64, 青 = 2 )
HSL ( 色相 = 38°, 彩度 = 96%, 明度 = 20% )
H : 色相 ( 38° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #640f02 : -30
18 : #641f02 : -20
28 : #643002 : -10
38 : #644002 : ±0
48 : #645002 : +10
58 : #646102 : +20
68 : #576402 : +30
78 : #476402 : +40
88 : #366402 : +50
98 : #266402 : +60
108 : #166402 : +70
118 : #056402 : +80
128 : #02640f : +90
138 : #02641f : +100
148 : #026430 : +110
158 : #026440 : +120
168 : #026450 : +130
178 : #026461 : +140
188 : #025764 : +150
198 : #024764 : +160
208 : #023664 : +170
218 : #022664 : +180
228 : #021664 : +190
238 : #020564 : +200
248 : #0f0264 : +210
258 : #1f0264 : +220
268 : #300264 : +230
278 : #400264 : +240
288 : #500264 : +250
298 : #610264 : +260
308 : #640257 : +270
318 : #640247 : +280
328 : #640236 : +290
338 : #640226 : +300
348 : #640216 : +310
358 : #640205 : +320
28 : #643002 : -10
29 : #643102 : -9
30 : #643302 : -8
31 : #643502 : -7
32 : #643602 : -6
33 : #643802 : -5
34 : #643a02 : -4
35 : #643b02 : -3
36 : #643d02 : -2
37 : #643e02 : -1
38 : #644002 : ±0
39 : #644202 : +1
40 : #644302 : +2
41 : #644502 : +3
42 : #644702 : +4
43 : #644802 : +5
44 : #644a02 : +6
45 : #644b02 : +7
46 : #644d02 : +8
47 : #644f02 : +9
48 : #645002 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #333333 : -96
2 : #343332 : -94
4 : #353431 : -92
6 : #363430 : -90
8 : #37342f : -88
10 : #38342e : -86
12 : #39352d : -84
14 : #3a352c : -82
16 : #3b352b : -80
18 : #3c352a : -78
20 : #3d3629 : -76
22 : #3e3628 : -74
24 : #3f3627 : -72
26 : #403726 : -70
28 : #413725 : -68
30 : #423724 : -66
32 : #433723 : -64
34 : #443822 : -62
36 : #453821 : -60
38 : #463820 : -58
40 : #47381f : -56
42 : #48391e : -54
44 : #49391d : -52
46 : #4a391c : -50
48 : #4b3a1b : -48
50 : #4d3a1a : -46
52 : #4e3a18 : -44
54 : #4f3a17 : -42
56 : #503b16 : -40
58 : #513b15 : -38
60 : #523b14 : -36
62 : #533b13 : -34
64 : #543c12 : -32
66 : #553c11 : -30
68 : #563c10 : -28
70 : #573d0f : -26
72 : #583d0e : -24
74 : #593d0d : -22
76 : #5a3d0c : -20
78 : #5b3e0b : -18
80 : #5c3e0a : -16
82 : #5d3e09 : -14
84 : #5e3e08 : -12
86 : #5f3f07 : -10
88 : #603f06 : -8
90 : #613f05 : -6
92 : #624004 : -4
94 : #634003 : -2
96 : #644002 : ±0
98 : #654001 : +2
100 : #664100 : +4
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #0a0600 : -18
4 : #140d00 : -16
6 : #1e1301 : -14
8 : #281a01 : -12
10 : #322001 : -10
12 : #3c2601 : -8
14 : #462d01 : -6
16 : #503302 : -4
18 : #5a3a02 : -2
20 : #644002 : ±0
22 : #6e4602 : +2
24 : #784d02 : +4
26 : #825303 : +6
28 : #8c5a03 : +8
30 : #966003 : +10
32 : #a06603 : +12
34 : #aa6d03 : +14
36 : #b47304 : +16
38 : #be7a04 : +18
40 : #c88004 : +20
42 : #d28704 : +22
44 : #dc8d04 : +24
46 : #e69305 : +26
48 : #f09a05 : +28
50 : #faa005 : +30
52 : #faa40f : +32
54 : #faa819 : +34
56 : #fbac23 : +36
58 : #fbaf2d : +38
60 : #fbb337 : +40
62 : #fbb741 : +42
64 : #fbbb4b : +44
66 : #fcbe55 : +46
68 : #fcc25f : +48
70 : #fcc669 : +50
72 : #fcca73 : +52
74 : #fcce7d : +54
76 : #fdd187 : +56
78 : #fdd591 : +58
80 : #fdd99b : +60
82 : #fddda5 : +62
84 : #fde1af : +64
86 : #fee4b9 : +66
88 : #fee8c3 : +68
90 : #feeccd : +70
92 : #fef0d7 : +72
94 : #fef4e1 : +74
96 : #fff7eb : +76
98 : #fffbf5 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow