#332a1e
RGB ( 赤 = 51, 緑 = 42, 青 = 30 )
HSL ( 色相 = 34°, 彩度 = 26%, 明度 = 16% )
H : 色相 ( 34° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #33201e : -30
14 : #33231e : -20
24 : #33271e : -10
34 : #332a1e : ±0
44 : #332e1e : +10
54 : #33311e : +20
64 : #32331e : +30
74 : #2e331e : +40
84 : #2b331e : +50
94 : #27331e : +60
104 : #24331e : +70
114 : #20331e : +80
124 : #1e3320 : +90
134 : #1e3323 : +100
144 : #1e3327 : +110
154 : #1e332a : +120
164 : #1e332e : +130
174 : #1e3331 : +140
184 : #1e3233 : +150
194 : #1e2e33 : +160
204 : #1e2b33 : +170
214 : #1e2733 : +180
224 : #1e2433 : +190
234 : #1e2033 : +200
244 : #201e33 : +210
254 : #231e33 : +220
264 : #271e33 : +230
274 : #2a1e33 : +240
284 : #2e1e33 : +250
294 : #311e33 : +260
304 : #331e32 : +270
314 : #331e2e : +280
324 : #331e2b : +290
334 : #331e27 : +300
344 : #331e24 : +310
354 : #331e20 : +320
24 : #33271e : -10
25 : #33271e : -9
26 : #33271e : -8
27 : #33281e : -7
28 : #33281e : -6
29 : #33281e : -5
30 : #33291e : -4
31 : #33291e : -3
32 : #332a1e : -2
33 : #332a1e : -1
34 : #332a1e : ±0
35 : #332b1e : +1
36 : #332b1e : +2
37 : #332b1e : +3
38 : #332c1e : +4
39 : #332c1e : +5
40 : #332c1e : +6
41 : #332d1e : +7
42 : #332d1e : +8
43 : #332d1e : +9
44 : #332e1e : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -26
2 : #2a2928 : -24
4 : #2a2927 : -22
6 : #2b2926 : -20
8 : #2c2926 : -18
10 : #2d2925 : -16
12 : #2e2924 : -14
14 : #2f2a23 : -12
16 : #2f2a22 : -10
18 : #302a21 : -8
20 : #312a21 : -6
22 : #322a20 : -4
24 : #332a1f : -2
26 : #332a1e : ±0
28 : #342a1d : +2
30 : #352a1d : +4
32 : #362b1c : +6
34 : #372b1b : +8
36 : #372b1a : +10
38 : #382b19 : +12
40 : #392b18 : +14
42 : #3a2b18 : +16
44 : #3b2b17 : +18
46 : #3c2b16 : +20
48 : #3c2b15 : +22
50 : #3d2c14 : +24
52 : #3e2c14 : +26
54 : #3f2c13 : +28
56 : #402c12 : +30
58 : #402c11 : +32
60 : #412c10 : +34
62 : #422c10 : +36
64 : #432c0f : +38
66 : #442c0e : +40
68 : #452c0d : +42
70 : #452d0c : +44
72 : #462d0b : +46
74 : #472d0b : +48
76 : #482d0a : +50
78 : #492d09 : +52
80 : #492d08 : +54
82 : #4a2d07 : +56
84 : #4b2d07 : +58
86 : #4c2d06 : +60
88 : #4d2e05 : +62
90 : #4e2e04 : +64
92 : #4e2e03 : +66
94 : #4f2e02 : +68
96 : #502e02 : +70
98 : #512e01 : +72
100 : #522e00 : +74
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #060504 : -14
4 : #0d0b08 : -12
6 : #13100b : -10
8 : #1a150f : -8
10 : #201a13 : -6
12 : #272017 : -4
14 : #2d251a : -2
16 : #332a1e : ±0
18 : #3a2f22 : +2
20 : #403526 : +4
22 : #473a2a : +6
24 : #4d3f2d : +8
26 : #544531 : +10
28 : #5a4a35 : +12
30 : #604f39 : +14
32 : #67543c : +16
34 : #6d5a40 : +18
36 : #745f44 : +20
38 : #7a6448 : +22
40 : #816a4b : +24
42 : #876f4f : +26
44 : #8d7453 : +28
46 : #947957 : +30
48 : #9a7f5b : +32
50 : #a1845e : +34
52 : #a48965 : +36
54 : #a88e6b : +38
56 : #ac9372 : +40
58 : #b09878 : +42
60 : #b49d7e : +44
62 : #b7a185 : +46
64 : #bba68b : +48
66 : #bfab92 : +50
68 : #c3b098 : +52
70 : #c6b59f : +54
72 : #cabaa5 : +56
74 : #cebfab : +58
76 : #d2c4b2 : +60
78 : #d5c9b8 : +62
80 : #d9cebf : +64
82 : #ddd3c5 : +66
84 : #e1d8cc : +68
86 : #e5ddd2 : +70
88 : #e8e1d8 : +72
90 : #ece6df : +74
92 : #f0ebe5 : +76
94 : #f4f0ec : +78
96 : #f7f5f2 : +80
98 : #fbfaf9 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow