#33321e
RGB ( 赤 = 51, 緑 = 50, 青 = 30 )
HSL ( 色相 = 57°, 彩度 = 26%, 明度 = 16% )
H : 色相 ( 57° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #33211e : -50
17 : #33241e : -40
27 : #33281e : -30
37 : #332b1e : -20
47 : #332f1e : -10
57 : #33321e : ±0
67 : #31331e : +10
77 : #2d331e : +20
87 : #2a331e : +30
97 : #26331e : +40
107 : #23331e : +50
117 : #1f331e : +60
127 : #1e3321 : +70
137 : #1e3324 : +80
147 : #1e3328 : +90
157 : #1e332b : +100
167 : #1e332f : +110
177 : #1e3332 : +120
187 : #1e3133 : +130
197 : #1e2d33 : +140
207 : #1e2a33 : +150
217 : #1e2633 : +160
227 : #1e2333 : +170
237 : #1e1f33 : +180
247 : #211e33 : +190
257 : #241e33 : +200
267 : #281e33 : +210
277 : #2b1e33 : +220
287 : #2f1e33 : +230
297 : #321e33 : +240
307 : #331e31 : +250
317 : #331e2d : +260
327 : #331e2a : +270
337 : #331e26 : +280
347 : #331e23 : +290
357 : #331e1f : +300
47 : #332f1e : -10
48 : #332f1e : -9
49 : #33301e : -8
50 : #33301e : -7
51 : #33301e : -6
52 : #33311e : -5
53 : #33311e : -4
54 : #33311e : -3
55 : #33321e : -2
56 : #33321e : -1
57 : #33321e : ±0
58 : #33331e : +1
59 : #33331e : +2
60 : #33331e : +3
61 : #33331e : +4
62 : #33331e : +5
63 : #32331e : +6
64 : #32331e : +7
65 : #32331e : +8
66 : #31331e : +9
67 : #31331e : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -26
2 : #2a2a28 : -24
4 : #2a2a27 : -22
6 : #2b2b26 : -20
8 : #2c2c26 : -18
10 : #2d2c25 : -16
12 : #2e2d24 : -14
14 : #2f2e23 : -12
16 : #2f2f22 : -10
18 : #302f21 : -8
20 : #313021 : -6
22 : #323120 : -4
24 : #33321f : -2
26 : #33321e : ±0
28 : #34331d : +2
30 : #35341d : +4
32 : #36351c : +6
34 : #37351b : +8
36 : #37361a : +10
38 : #383719 : +12
40 : #393718 : +14
42 : #3a3818 : +16
44 : #3b3917 : +18
46 : #3c3a16 : +20
48 : #3c3a15 : +22
50 : #3d3b14 : +24
52 : #3e3c14 : +26
54 : #3f3d13 : +28
56 : #403d12 : +30
58 : #403e11 : +32
60 : #413f10 : +34
62 : #424010 : +36
64 : #43400f : +38
66 : #44410e : +40
68 : #45420d : +42
70 : #45430c : +44
72 : #46430b : +46
74 : #47440b : +48
76 : #48450a : +50
78 : #494509 : +52
80 : #494608 : +54
82 : #4a4707 : +56
84 : #4b4807 : +58
86 : #4c4806 : +60
88 : #4d4905 : +62
90 : #4e4a04 : +64
92 : #4e4b03 : +66
94 : #4f4b02 : +68
96 : #504c02 : +70
98 : #514d01 : +72
100 : #524e00 : +74
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #060604 : -14
4 : #0d0d08 : -12
6 : #13130b : -10
8 : #1a190f : -8
10 : #201f13 : -6
12 : #272617 : -4
14 : #2d2c1a : -2
16 : #33321e : ±0
18 : #3a3922 : +2
20 : #403f26 : +4
22 : #47452a : +6
24 : #4d4c2d : +8
26 : #545231 : +10
28 : #5a5835 : +12
30 : #605e39 : +14
32 : #67653c : +16
34 : #6d6b40 : +18
36 : #747144 : +20
38 : #7a7848 : +22
40 : #817e4b : +24
42 : #87844f : +26
44 : #8d8a53 : +28
46 : #949157 : +30
48 : #9a975b : +32
50 : #a19d5e : +34
52 : #a4a165 : +36
54 : #a8a56b : +38
56 : #aca972 : +40
58 : #b0ad78 : +42
60 : #b4b17e : +44
62 : #b7b585 : +46
64 : #bbb98b : +48
66 : #bfbd92 : +50
68 : #c3c098 : +52
70 : #c6c49f : +54
72 : #cac8a5 : +56
74 : #ceccab : +58
76 : #d2d0b2 : +60
78 : #d5d4b8 : +62
80 : #d9d8bf : +64
82 : #dddcc5 : +66
84 : #e1e0cc : +68
86 : #e5e4d2 : +70
88 : #e8e8d8 : +72
90 : #ecebdf : +74
92 : #f0efe5 : +76
94 : #f4f3ec : +78
96 : #f7f7f2 : +80
98 : #fbfbf9 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow