#644802
RGB ( 赤 = 100, 緑 = 72, 青 = 2 )
HSL ( 色相 = 43°, 彩度 = 96%, 明度 = 20% )
H : 色相 ( 43° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #640702 : -40
13 : #641702 : -30
23 : #642802 : -20
33 : #643802 : -10
43 : #644802 : ±0
53 : #645902 : +10
63 : #5f6402 : +20
73 : #4f6402 : +30
83 : #3e6402 : +40
93 : #2e6402 : +50
103 : #1e6402 : +60
113 : #0d6402 : +70
123 : #026407 : +80
133 : #026417 : +90
143 : #026428 : +100
153 : #026438 : +110
163 : #026448 : +120
173 : #026459 : +130
183 : #025f64 : +140
193 : #024f64 : +150
203 : #023e64 : +160
213 : #022e64 : +170
223 : #021e64 : +180
233 : #020d64 : +190
243 : #070264 : +200
253 : #170264 : +210
263 : #280264 : +220
273 : #380264 : +230
283 : #480264 : +240
293 : #590264 : +250
303 : #64025f : +260
313 : #64024f : +270
323 : #64023e : +280
333 : #64022e : +290
343 : #64021e : +300
353 : #64020d : +310
33 : #643802 : -10
34 : #643a02 : -9
35 : #643b02 : -8
36 : #643d02 : -7
37 : #643e02 : -6
38 : #644002 : -5
39 : #644202 : -4
40 : #644302 : -3
41 : #644502 : -2
42 : #644702 : -1
43 : #644802 : ±0
44 : #644a02 : +1
45 : #644b02 : +2
46 : #644d02 : +3
47 : #644f02 : +4
48 : #645002 : +5
49 : #645202 : +6
50 : #645402 : +7
51 : #645502 : +8
52 : #645702 : +9
53 : #645902 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #333333 : -96
2 : #343332 : -94
4 : #353431 : -92
6 : #363430 : -90
8 : #37352f : -88
10 : #38352e : -86
12 : #39362d : -84
14 : #3a362c : -82
16 : #3b372b : -80
18 : #3c372a : -78
20 : #3d3729 : -76
22 : #3e3828 : -74
24 : #3f3827 : -72
26 : #403926 : -70
28 : #413925 : -68
30 : #423a24 : -66
32 : #433a23 : -64
34 : #443b22 : -62
36 : #453b21 : -60
38 : #463b20 : -58
40 : #473c1f : -56
42 : #483c1e : -54
44 : #493d1d : -52
46 : #4a3d1c : -50
48 : #4b3e1b : -48
50 : #4d3e1a : -46
52 : #4e3e18 : -44
54 : #4f3f17 : -42
56 : #503f16 : -40
58 : #514015 : -38
60 : #524014 : -36
62 : #534113 : -34
64 : #544112 : -32
66 : #554211 : -30
68 : #564210 : -28
70 : #57420f : -26
72 : #58430e : -24
74 : #59430d : -22
76 : #5a440c : -20
78 : #5b440b : -18
80 : #5c450a : -16
82 : #5d4509 : -14
84 : #5e4608 : -12
86 : #5f4607 : -10
88 : #604606 : -8
90 : #614705 : -6
92 : #624704 : -4
94 : #634803 : -2
96 : #644802 : ±0
98 : #654901 : +2
100 : #664900 : +4
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #0a0700 : -18
4 : #140e00 : -16
6 : #1e1601 : -14
8 : #281d01 : -12
10 : #322401 : -10
12 : #3c2b01 : -8
14 : #463301 : -6
16 : #503a02 : -4
18 : #5a4102 : -2
20 : #644802 : ±0
22 : #6e4f02 : +2
24 : #785702 : +4
26 : #825e03 : +6
28 : #8c6503 : +8
30 : #966c03 : +10
32 : #a07403 : +12
34 : #aa7b03 : +14
36 : #b48204 : +16
38 : #be8904 : +18
40 : #c89004 : +20
42 : #d29804 : +22
44 : #dc9f04 : +24
46 : #e6a605 : +26
48 : #f0ad05 : +28
50 : #fab505 : +30
52 : #fab80f : +32
54 : #faba19 : +34
56 : #fbbd23 : +36
58 : #fbc02d : +38
60 : #fbc337 : +40
62 : #fbc641 : +42
64 : #fbc94b : +44
66 : #fccc55 : +46
68 : #fccf5f : +48
70 : #fcd269 : +50
72 : #fcd573 : +52
74 : #fcd87d : +54
76 : #fddb87 : +56
78 : #fdde91 : +58
80 : #fde19b : +60
82 : #fde4a5 : +62
84 : #fde7af : +64
86 : #feeab9 : +66
88 : #feedc3 : +68
90 : #fef0cd : +70
92 : #fef3d7 : +72
94 : #fef6e1 : +74
96 : #fff9eb : +76
98 : #fffcf5 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow