#403020
RGB ( 赤 = 64, 緑 = 48, 青 = 32 )
HSL ( 色相 = 30°, 彩度 = 33%, 明度 = 19% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #402020 : -30
10 : #402620 : -20
20 : #402b20 : -10
30 : #403020 : ±0
40 : #403620 : +10
50 : #403b20 : +20
60 : #404020 : +30
70 : #3b4020 : +40
80 : #364020 : +50
90 : #304020 : +60
100 : #2b4020 : +70
110 : #264020 : +80
120 : #204020 : +90
130 : #204026 : +100
140 : #20402b : +110
150 : #204030 : +120
160 : #204036 : +130
170 : #20403b : +140
180 : #204040 : +150
190 : #203b40 : +160
200 : #203640 : +170
210 : #203040 : +180
220 : #202b40 : +190
230 : #202640 : +200
240 : #202040 : +210
250 : #262040 : +220
260 : #2b2040 : +230
270 : #302040 : +240
280 : #362040 : +250
290 : #3b2040 : +260
300 : #402040 : +270
310 : #40203b : +280
320 : #402036 : +290
330 : #402030 : +300
340 : #40202b : +310
350 : #402026 : +320
20 : #402b20 : -10
21 : #402c20 : -9
22 : #402c20 : -8
23 : #402d20 : -7
24 : #402d20 : -6
25 : #402e20 : -5
26 : #402e20 : -4
27 : #402f20 : -3
28 : #402f20 : -2
29 : #403020 : -1
30 : #403020 : ±0
31 : #403120 : +1
32 : #403220 : +2
33 : #403220 : +3
34 : #403320 : +4
35 : #403320 : +5
36 : #403420 : +6
37 : #403420 : +7
38 : #403520 : +8
39 : #403520 : +9
40 : #403620 : +10
S : 彩度 ( 33% )
(0%) 渋い ~ 鮮やか (100%)
1 : #313030 : -32
3 : #32302f : -30
5 : #33302e : -28
7 : #34302d : -26
9 : #35302c : -24
11 : #36302b : -22
13 : #37302a : -20
15 : #383029 : -18
17 : #393028 : -16
19 : #3a3027 : -14
21 : #3b3026 : -12
23 : #3c3025 : -10
25 : #3d3024 : -8
27 : #3e3023 : -6
29 : #3f3022 : -4
31 : #3f3021 : -2
33 : #403020 : ±0
35 : #41301f : +2
37 : #42301f : +4
39 : #43301e : +6
41 : #44301d : +8
43 : #45301c : +10
45 : #46301b : +12
47 : #47301a : +14
49 : #483019 : +16
51 : #493018 : +18
53 : #4a3017 : +20
55 : #4b3016 : +22
57 : #4c3015 : +24
59 : #4d3014 : +26
61 : #4e3013 : +28
63 : #4f3012 : +30
65 : #503011 : +32
67 : #513010 : +34
69 : #52300f : +36
71 : #53300e : +38
73 : #54300d : +40
75 : #55300c : +42
77 : #56300b : +44
79 : #57300a : +46
81 : #583009 : +48
83 : #593008 : +50
85 : #5a3007 : +52
87 : #5b3006 : +54
89 : #5c3005 : +56
91 : #5d3004 : +58
93 : #5e3003 : +60
95 : #5e3002 : +62
97 : #5f3001 : +64
99 : #603000 : +66
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -18
3 : #0a0805 : -16
5 : #110d09 : -14
7 : #18120c : -12
9 : #1f170f : -10
11 : #251c13 : -8
13 : #2c2116 : -6
15 : #33261a : -4
17 : #3a2b1d : -2
19 : #403020 : ±0
21 : #473624 : +2
23 : #4e3b27 : +4
25 : #55402b : +6
27 : #5c452e : +8
29 : #624a32 : +10
31 : #694f35 : +12
33 : #705438 : +14
35 : #77593c : +16
37 : #7d5e3f : +18
39 : #846343 : +20
41 : #8b6946 : +22
43 : #926e49 : +24
45 : #99734d : +26
47 : #9f7850 : +28
49 : #a67d54 : +30
51 : #ab8259 : +32
53 : #af8760 : +34
55 : #b28c66 : +36
57 : #b6916d : +38
59 : #b99674 : +40
61 : #bc9c7b : +42
63 : #c0a182 : +44
65 : #c3a688 : +46
67 : #c7ab8f : +48
69 : #cab096 : +50
71 : #cdb59d : +52
73 : #d1baa3 : +54
75 : #d4bfaa : +56
77 : #d8c4b1 : +58
79 : #dbc9b8 : +60
81 : #dfcfbf : +62
83 : #e2d4c5 : +64
85 : #e5d9cc : +66
87 : #e9ded3 : +68
89 : #ece3da : +70
91 : #f0e8e0 : +72
93 : #f3ede7 : +74
95 : #f6f2ee : +76
97 : #faf7f5 : +78
99 : #fdfcfc : +80
CSS入門、作ってます。
text-shadow