#33201e
RGB ( 赤 = 51, 緑 = 32, 青 = 30 )
HSL ( 色相 = 6°, 彩度 = 26%, 明度 = 16% )
H : 色相 ( 6° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #33201e : ±0
16 : #33241e : +10
26 : #33271e : +20
36 : #332b1e : +30
46 : #332e1e : +40
56 : #33321e : +50
66 : #31331e : +60
76 : #2e331e : +70
86 : #2a331e : +80
96 : #27331e : +90
106 : #23331e : +100
116 : #20331e : +110
126 : #1e3320 : +120
136 : #1e3324 : +130
146 : #1e3327 : +140
156 : #1e332b : +150
166 : #1e332e : +160
176 : #1e3332 : +170
186 : #1e3133 : +180
196 : #1e2e33 : +190
206 : #1e2a33 : +200
216 : #1e2733 : +210
226 : #1e2333 : +220
236 : #1e2033 : +230
246 : #201e33 : +240
256 : #241e33 : +250
266 : #271e33 : +260
276 : #2b1e33 : +270
286 : #2e1e33 : +280
296 : #321e33 : +290
306 : #331e31 : +300
316 : #331e2e : +310
326 : #331e2a : +320
336 : #331e27 : +330
346 : #331e23 : +340
356 : #331e20 : +350
356 : #331e20 : +350
357 : #331e1f : +351
358 : #331e1f : +352
359 : #331e1f : +353
0 : #331e1e : -6
1 : #331f1e : -5
2 : #331f1e : -4
3 : #331f1e : -3
4 : #33201e : -2
5 : #33201e : -1
6 : #33201e : ±0
7 : #33211e : +1
8 : #33211e : +2
9 : #33211e : +3
10 : #33221e : +4
11 : #33221e : +5
12 : #33221e : +6
13 : #33231e : +7
14 : #33231e : +8
15 : #33231e : +9
16 : #33241e : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -26
2 : #2a2828 : -24
4 : #2a2727 : -22
6 : #2b2726 : -20
8 : #2c2626 : -18
10 : #2d2625 : -16
12 : #2e2524 : -14
14 : #2f2423 : -12
16 : #2f2422 : -10
18 : #302321 : -8
20 : #312221 : -6
22 : #322220 : -4
24 : #33211f : -2
26 : #33201e : ±0
28 : #34201d : +2
30 : #351f1d : +4
32 : #361e1c : +6
34 : #371e1b : +8
36 : #371d1a : +10
38 : #381c19 : +12
40 : #391c18 : +14
42 : #3a1b18 : +16
44 : #3b1a17 : +18
46 : #3c1a16 : +20
48 : #3c1915 : +22
50 : #3d1814 : +24
52 : #3e1814 : +26
54 : #3f1713 : +28
56 : #401712 : +30
58 : #401611 : +32
60 : #411510 : +34
62 : #421510 : +36
64 : #43140f : +38
66 : #44130e : +40
68 : #45130d : +42
70 : #45120c : +44
72 : #46110b : +46
74 : #47110b : +48
76 : #48100a : +50
78 : #490f09 : +52
80 : #490f08 : +54
82 : #4a0e07 : +56
84 : #4b0d07 : +58
86 : #4c0d06 : +60
88 : #4d0c05 : +62
90 : #4e0b04 : +64
92 : #4e0b03 : +66
94 : #4f0a02 : +68
96 : #500902 : +70
98 : #510901 : +72
100 : #520800 : +74
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #060404 : -14
4 : #0d0808 : -12
6 : #130c0b : -10
8 : #1a100f : -8
10 : #201413 : -6
12 : #271817 : -4
14 : #2d1c1a : -2
16 : #33201e : ±0
18 : #3a2422 : +2
20 : #402826 : +4
22 : #472c2a : +6
24 : #4d302d : +8
26 : #543531 : +10
28 : #5a3935 : +12
30 : #603d39 : +14
32 : #67413c : +16
34 : #6d4540 : +18
36 : #744944 : +20
38 : #7a4d48 : +22
40 : #81514b : +24
42 : #87554f : +26
44 : #8d5953 : +28
46 : #945d57 : +30
48 : #9a615b : +32
50 : #a1655e : +34
52 : #a46b65 : +36
54 : #a8716b : +38
56 : #ac7772 : +40
58 : #b07e78 : +42
60 : #b4847e : +44
62 : #b78a85 : +46
64 : #bb908b : +48
66 : #bf9692 : +50
68 : #c39c98 : +52
70 : #c6a39f : +54
72 : #caa9a5 : +56
74 : #ceafab : +58
76 : #d2b5b2 : +60
78 : #d5bbb8 : +62
80 : #d9c1bf : +64
82 : #ddc8c5 : +66
84 : #e1cecc : +68
86 : #e5d4d2 : +70
88 : #e8dad8 : +72
90 : #ece0df : +74
92 : #f0e6e5 : +76
94 : #f4edec : +78
96 : #f7f3f2 : +80
98 : #fbf9f9 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow