#604818
RGB ( 赤 = 96, 緑 = 72, 青 = 24 )
HSL ( 色相 = 40°, 彩度 = 60%, 明度 = 24% )
H : 色相 ( 40° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #621818 : -40
10 : #622518 : -30
20 : #623118 : -20
30 : #623d18 : -10
40 : #624918 : ±0
50 : #625618 : +10
60 : #626218 : +20
70 : #566218 : +30
80 : #496218 : +40
90 : #3d6218 : +50
100 : #316218 : +60
110 : #256218 : +70
120 : #186218 : +80
130 : #186225 : +90
140 : #186231 : +100
150 : #18623d : +110
160 : #186249 : +120
170 : #186256 : +130
180 : #186262 : +140
190 : #185662 : +150
200 : #184962 : +160
210 : #183d62 : +170
220 : #183162 : +180
230 : #182562 : +190
240 : #181862 : +200
250 : #251862 : +210
260 : #311862 : +220
270 : #3d1862 : +230
280 : #491862 : +240
290 : #561862 : +250
300 : #621862 : +260
310 : #621856 : +270
320 : #621849 : +280
330 : #62183d : +290
340 : #621831 : +300
350 : #621825 : +310
30 : #623d18 : -10
31 : #623e18 : -9
32 : #624018 : -8
33 : #624118 : -7
34 : #624218 : -6
35 : #624318 : -5
36 : #624518 : -4
37 : #624618 : -3
38 : #624718 : -2
39 : #624818 : -1
40 : #624918 : ±0
41 : #624b18 : +1
42 : #624c18 : +2
43 : #624d18 : +3
44 : #624e18 : +4
45 : #625018 : +5
46 : #625118 : +6
47 : #625218 : +7
48 : #625318 : +8
49 : #625418 : +9
50 : #625618 : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -60
2 : #3e3e3c : -58
4 : #403e3b : -56
6 : #413e3a : -54
8 : #423f38 : -52
10 : #433f37 : -50
12 : #454036 : -48
14 : #464035 : -46
16 : #474033 : -44
18 : #484132 : -42
20 : #494131 : -40
22 : #4b4230 : -38
24 : #4c422f : -36
26 : #4d432d : -34
28 : #4e432c : -32
30 : #50432b : -30
32 : #51442a : -28
34 : #524428 : -26
36 : #534527 : -24
38 : #544526 : -22
40 : #564525 : -20
42 : #574623 : -18
44 : #584622 : -16
46 : #594721 : -14
48 : #5b4720 : -12
50 : #5c471f : -10
52 : #5d481d : -8
54 : #5e481c : -6
56 : #5f491b : -4
58 : #61491a : -2
60 : #624918 : ±0
62 : #634a17 : +2
64 : #644a16 : +4
66 : #664b15 : +6
68 : #674b14 : +8
70 : #684b12 : +10
72 : #694c11 : +12
74 : #6a4c10 : +14
76 : #6c4d0f : +16
78 : #6d4d0d : +18
80 : #6e4e0c : +20
82 : #6f4e0b : +22
84 : #714e0a : +24
86 : #724f09 : +26
88 : #734f07 : +28
90 : #745006 : +30
92 : #765005 : +32
94 : #775004 : +34
96 : #785102 : +36
98 : #795101 : +38
100 : #7a5200 : +40
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #080602 : -22
4 : #100c04 : -20
6 : #181206 : -18
8 : #211808 : -16
10 : #291f0a : -14
12 : #31250c : -12
14 : #392b0e : -10
16 : #413110 : -8
18 : #493712 : -6
20 : #523d14 : -4
22 : #5a4316 : -2
24 : #624918 : ±0
26 : #6a501b : +2
28 : #72561d : +4
30 : #7a5c1f : +6
32 : #836221 : +8
34 : #8b6823 : +10
36 : #936e25 : +12
38 : #9b7427 : +14
40 : #a37a29 : +16
42 : #ab812b : +18
44 : #b4872d : +20
46 : #bc8d2f : +22
48 : #c49331 : +24
50 : #cc9933 : +26
52 : #ce9d3b : +28
54 : #d0a143 : +30
56 : #d2a54b : +32
58 : #d4a954 : +34
60 : #d6ad5c : +36
62 : #d8b164 : +38
64 : #dab66c : +40
66 : #dcba74 : +42
68 : #debe7c : +44
70 : #e0c285 : +46
72 : #e2c68d : +48
74 : #e4ca95 : +50
76 : #e7ce9d : +52
78 : #e9d2a5 : +54
80 : #ebd6ad : +56
82 : #eddab6 : +58
84 : #efdebe : +60
86 : #f1e2c6 : +62
88 : #f3e7ce : +64
90 : #f5ebd6 : +66
92 : #f7efde : +68
94 : #f9f3e7 : +70
96 : #fbf7ef : +72
98 : #fdfbf7 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow