#33221e
RGB ( 赤 = 51, 緑 = 34, 青 = 30 )
HSL ( 色相 = 11°, 彩度 = 26%, 明度 = 16% )
H : 色相 ( 11° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #331f1e : -10
11 : #33221e : ±0
21 : #33261e : +10
31 : #33291e : +20
41 : #332d1e : +30
51 : #33301e : +40
61 : #33331e : +50
71 : #30331e : +60
81 : #2c331e : +70
91 : #28331e : +80
101 : #25331e : +90
111 : #21331e : +100
121 : #1e331f : +110
131 : #1e3322 : +120
141 : #1e3326 : +130
151 : #1e3329 : +140
161 : #1e332d : +150
171 : #1e3330 : +160
181 : #1e3333 : +170
191 : #1e3033 : +180
201 : #1e2c33 : +190
211 : #1e2833 : +200
221 : #1e2533 : +210
231 : #1e2133 : +220
241 : #1f1e33 : +230
251 : #221e33 : +240
261 : #261e33 : +250
271 : #291e33 : +260
281 : #2d1e33 : +270
291 : #301e33 : +280
301 : #331e33 : +290
311 : #331e30 : +300
321 : #331e2c : +310
331 : #331e28 : +320
341 : #331e25 : +330
351 : #331e21 : +340
1 : #331f1e : -10
2 : #331f1e : -9
3 : #331f1e : -8
4 : #33201e : -7
5 : #33201e : -6
6 : #33201e : -5
7 : #33211e : -4
8 : #33211e : -3
9 : #33211e : -2
10 : #33221e : -1
11 : #33221e : ±0
12 : #33221e : +1
13 : #33231e : +2
14 : #33231e : +3
15 : #33231e : +4
16 : #33241e : +5
17 : #33241e : +6
18 : #33251e : +7
19 : #33251e : +8
20 : #33251e : +9
21 : #33261e : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -26
2 : #2a2828 : -24
4 : #2a2827 : -22
6 : #2b2726 : -20
8 : #2c2726 : -18
10 : #2d2625 : -16
12 : #2e2624 : -14
14 : #2f2523 : -12
16 : #2f2522 : -10
18 : #302421 : -8
20 : #312421 : -6
22 : #322320 : -4
24 : #33231f : -2
26 : #33221e : ±0
28 : #34221d : +2
30 : #35211d : +4
32 : #36211c : +6
34 : #37201b : +8
36 : #371f1a : +10
38 : #381f19 : +12
40 : #391e18 : +14
42 : #3a1e18 : +16
44 : #3b1d17 : +18
46 : #3c1d16 : +20
48 : #3c1c15 : +22
50 : #3d1c14 : +24
52 : #3e1b14 : +26
54 : #3f1b13 : +28
56 : #401a12 : +30
58 : #401a11 : +32
60 : #411910 : +34
62 : #421910 : +36
64 : #43180f : +38
66 : #44180e : +40
68 : #45170d : +42
70 : #45170c : +44
72 : #46160b : +46
74 : #47160b : +48
76 : #48150a : +50
78 : #491509 : +52
80 : #491408 : +54
82 : #4a1407 : +56
84 : #4b1307 : +58
86 : #4c1306 : +60
88 : #4d1205 : +62
90 : #4e1204 : +64
92 : #4e1103 : +66
94 : #4f1102 : +68
96 : #501002 : +70
98 : #510f01 : +72
100 : #520f00 : +74
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #060404 : -14
4 : #0d0908 : -12
6 : #130d0b : -10
8 : #1a110f : -8
10 : #201513 : -6
12 : #271a17 : -4
14 : #2d1e1a : -2
16 : #33221e : ±0
18 : #3a2622 : +2
20 : #402b26 : +4
22 : #472f2a : +6
24 : #4d332d : +8
26 : #543731 : +10
28 : #5a3c35 : +12
30 : #604039 : +14
32 : #67443c : +16
34 : #6d4840 : +18
36 : #744d44 : +20
38 : #7a5148 : +22
40 : #81554b : +24
42 : #87594f : +26
44 : #8d5e53 : +28
46 : #946257 : +30
48 : #9a665b : +32
50 : #a16b5e : +34
52 : #a47065 : +36
54 : #a8766b : +38
56 : #ac7c72 : +40
58 : #b08278 : +42
60 : #b4887e : +44
62 : #b78e85 : +46
64 : #bb948b : +48
66 : #bf9a92 : +50
68 : #c3a098 : +52
70 : #c6a69f : +54
72 : #caaca5 : +56
74 : #ceb2ab : +58
76 : #d2b8b2 : +60
78 : #d5beb8 : +62
80 : #d9c4bf : +64
82 : #ddcac5 : +66
84 : #e1cfcc : +68
86 : #e5d5d2 : +70
88 : #e8dbd8 : +72
90 : #ece1df : +74
92 : #f0e7e5 : +76
94 : #f4edec : +78
96 : #f7f3f2 : +80
98 : #fbf9f9 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow