#40382b
RGB ( 赤 = 64, 緑 = 56, 青 = 43 )
HSL ( 色相 = 37°, 彩度 = 20%, 明度 = 21% )
H : 色相 ( 37° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #402d2b : -30
17 : #40312b : -20
27 : #40342b : -10
37 : #40382b : ±0
47 : #403c2b : +10
57 : #403f2b : +20
67 : #3e402b : +30
77 : #3a402b : +40
87 : #37402b : +50
97 : #33402b : +60
107 : #2f402b : +70
117 : #2c402b : +80
127 : #2b402d : +90
137 : #2b4031 : +100
147 : #2b4034 : +110
157 : #2b4038 : +120
167 : #2b403c : +130
177 : #2b403f : +140
187 : #2b3e40 : +150
197 : #2b3a40 : +160
207 : #2b3740 : +170
217 : #2b3340 : +180
227 : #2b2f40 : +190
237 : #2b2c40 : +200
247 : #2d2b40 : +210
257 : #312b40 : +220
267 : #342b40 : +230
277 : #382b40 : +240
287 : #3c2b40 : +250
297 : #3f2b40 : +260
307 : #402b3e : +270
317 : #402b3a : +280
327 : #402b37 : +290
337 : #402b33 : +300
347 : #402b2f : +310
357 : #402b2c : +320
27 : #40342b : -10
28 : #40352b : -9
29 : #40352b : -8
30 : #40362b : -7
31 : #40362b : -6
32 : #40362b : -5
33 : #40372b : -4
34 : #40372b : -3
35 : #40372b : -2
36 : #40382b : -1
37 : #40382b : ±0
38 : #40382b : +1
39 : #40392b : +2
40 : #40392b : +3
41 : #40392b : +4
42 : #403a2b : +5
43 : #403a2b : +6
44 : #403b2b : +7
45 : #403b2b : +8
46 : #403b2b : +9
47 : #403c2b : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #353535 : -20
2 : #373634 : -18
4 : #383633 : -16
6 : #393632 : -14
8 : #3a3731 : -12
10 : #3b3730 : -10
12 : #3c372f : -8
14 : #3d372e : -6
16 : #3e382d : -4
18 : #3f382c : -2
20 : #40382b : ±0
22 : #41382a : +2
24 : #423929 : +4
26 : #433928 : +6
28 : #453927 : +8
30 : #463925 : +10
32 : #473a24 : +12
34 : #483a23 : +14
36 : #493a22 : +16
38 : #4a3a21 : +18
40 : #4b3b20 : +20
42 : #4c3b1f : +22
44 : #4d3b1e : +24
46 : #4e3b1d : +26
48 : #4f3c1c : +28
50 : #503c1b : +30
52 : #513c1a : +32
54 : #523c19 : +34
56 : #543d18 : +36
58 : #553d16 : +38
60 : #563d15 : +40
62 : #573d14 : +42
64 : #583e13 : +44
66 : #593e12 : +46
68 : #5a3e11 : +48
70 : #5b3e10 : +50
72 : #5c3f0f : +52
74 : #5d3f0e : +54
76 : #5e3f0d : +56
78 : #5f3f0c : +58
80 : #60400b : +60
82 : #61400a : +62
84 : #634009 : +64
86 : #644007 : +66
88 : #654106 : +68
90 : #664105 : +70
92 : #674104 : +72
94 : #684103 : +74
96 : #694202 : +76
98 : #6a4201 : +78
100 : #6b4200 : +80
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -20
3 : #090806 : -18
5 : #0f0d0a : -16
7 : #15130e : -14
9 : #1c1812 : -12
11 : #221d16 : -10
13 : #28231b : -8
15 : #2e281f : -6
17 : #342d23 : -4
19 : #3a3327 : -2
21 : #40382b : ±0
23 : #463d2f : +2
25 : #4d4333 : +4
27 : #534837 : +6
29 : #594d3b : +8
31 : #5f533f : +10
33 : #655843 : +12
35 : #6b5d47 : +14
37 : #71634b : +16
39 : #776850 : +18
41 : #7d6d54 : +20
43 : #847358 : +22
45 : #8a785c : +24
47 : #907d60 : +26
49 : #968364 : +28
51 : #9b8869 : +30
53 : #9f8d6f : +32
55 : #a39275 : +34
57 : #a7967b : +36
59 : #ab9b82 : +38
61 : #afa088 : +40
63 : #b4a58e : +42
65 : #b8aa94 : +44
67 : #bcaf9a : +46
69 : #c0b4a0 : +48
71 : #c4b9a6 : +50
73 : #c8bdac : +52
75 : #ccc2b3 : +54
77 : #d0c7b9 : +56
79 : #d4ccbf : +58
81 : #d8d1c5 : +60
83 : #dcd6cb : +62
85 : #e0dbd1 : +64
87 : #e4dfd7 : +66
89 : #e9e4dd : +68
91 : #ede9e3 : +70
93 : #f1eeea : +72
95 : #f5f3f0 : +74
97 : #f9f8f6 : +76
99 : #fdfdfc : +78
CSS入門、作ってます。
text-shadow