#332b1e
RGB ( 赤 = 51, 緑 = 43, 青 = 30 )
HSL ( 色相 = 37°, 彩度 = 26%, 明度 = 16% )
H : 色相 ( 37° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #33211e : -30
17 : #33241e : -20
27 : #33281e : -10
37 : #332b1e : ±0
47 : #332f1e : +10
57 : #33321e : +20
67 : #31331e : +30
77 : #2d331e : +40
87 : #2a331e : +50
97 : #26331e : +60
107 : #23331e : +70
117 : #1f331e : +80
127 : #1e3321 : +90
137 : #1e3324 : +100
147 : #1e3328 : +110
157 : #1e332b : +120
167 : #1e332f : +130
177 : #1e3332 : +140
187 : #1e3133 : +150
197 : #1e2d33 : +160
207 : #1e2a33 : +170
217 : #1e2633 : +180
227 : #1e2333 : +190
237 : #1e1f33 : +200
247 : #211e33 : +210
257 : #241e33 : +220
267 : #281e33 : +230
277 : #2b1e33 : +240
287 : #2f1e33 : +250
297 : #321e33 : +260
307 : #331e31 : +270
317 : #331e2d : +280
327 : #331e2a : +290
337 : #331e26 : +300
347 : #331e23 : +310
357 : #331e1f : +320
27 : #33281e : -10
28 : #33281e : -9
29 : #33281e : -8
30 : #33291e : -7
31 : #33291e : -6
32 : #332a1e : -5
33 : #332a1e : -4
34 : #332a1e : -3
35 : #332b1e : -2
36 : #332b1e : -1
37 : #332b1e : ±0
38 : #332c1e : +1
39 : #332c1e : +2
40 : #332c1e : +3
41 : #332d1e : +4
42 : #332d1e : +5
43 : #332d1e : +6
44 : #332e1e : +7
45 : #332e1e : +8
46 : #332e1e : +9
47 : #332f1e : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -26
2 : #2a2928 : -24
4 : #2a2927 : -22
6 : #2b2926 : -20
8 : #2c2a26 : -18
10 : #2d2a25 : -16
12 : #2e2a24 : -14
14 : #2f2a23 : -12
16 : #2f2a22 : -10
18 : #302b21 : -8
20 : #312b21 : -6
22 : #322b20 : -4
24 : #332b1f : -2
26 : #332b1e : ±0
28 : #342b1d : +2
30 : #352c1d : +4
32 : #362c1c : +6
34 : #372c1b : +8
36 : #372c1a : +10
38 : #382c19 : +12
40 : #392d18 : +14
42 : #3a2d18 : +16
44 : #3b2d17 : +18
46 : #3c2d16 : +20
48 : #3c2d15 : +22
50 : #3d2e14 : +24
52 : #3e2e14 : +26
54 : #3f2e13 : +28
56 : #402e12 : +30
58 : #402e11 : +32
60 : #412f10 : +34
62 : #422f10 : +36
64 : #432f0f : +38
66 : #442f0e : +40
68 : #452f0d : +42
70 : #452f0c : +44
72 : #46300b : +46
74 : #47300b : +48
76 : #48300a : +50
78 : #493009 : +52
80 : #493008 : +54
82 : #4a3107 : +56
84 : #4b3107 : +58
86 : #4c3106 : +60
88 : #4d3105 : +62
90 : #4e3104 : +64
92 : #4e3203 : +66
94 : #4f3202 : +68
96 : #503202 : +70
98 : #513201 : +72
100 : #523200 : +74
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #060504 : -14
4 : #0d0b08 : -12
6 : #13100b : -10
8 : #1a160f : -8
10 : #201b13 : -6
12 : #272017 : -4
14 : #2d261a : -2
16 : #332b1e : ±0
18 : #3a3122 : +2
20 : #403626 : +4
22 : #473c2a : +6
24 : #4d412d : +8
26 : #544631 : +10
28 : #5a4c35 : +12
30 : #605139 : +14
32 : #67573c : +16
34 : #6d5c40 : +18
36 : #746144 : +20
38 : #7a6748 : +22
40 : #816c4b : +24
42 : #87724f : +26
44 : #8d7753 : +28
46 : #947c57 : +30
48 : #9a825b : +32
50 : #a1875e : +34
52 : #a48c65 : +36
54 : #a8916b : +38
56 : #ac9672 : +40
58 : #b09a78 : +42
60 : #b49f7e : +44
62 : #b7a485 : +46
64 : #bba98b : +48
66 : #bfae92 : +50
68 : #c3b298 : +52
70 : #c6b79f : +54
72 : #cabca5 : +56
74 : #cec1ab : +58
76 : #d2c6b2 : +60
78 : #d5cab8 : +62
80 : #d9cfbf : +64
82 : #ddd4c5 : +66
84 : #e1d9cc : +68
86 : #e5ddd2 : +70
88 : #e8e2d8 : +72
90 : #ece7df : +74
92 : #f0ece5 : +76
94 : #f4f1ec : +78
96 : #f7f5f2 : +80
98 : #fbfaf9 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow