#33311e
RGB ( 赤 = 51, 緑 = 49, 青 = 30 )
HSL ( 色相 = 54°, 彩度 = 26%, 明度 = 16% )
H : 色相 ( 54° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #33201e : -50
14 : #33231e : -40
24 : #33271e : -30
34 : #332a1e : -20
44 : #332e1e : -10
54 : #33311e : ±0
64 : #32331e : +10
74 : #2e331e : +20
84 : #2b331e : +30
94 : #27331e : +40
104 : #24331e : +50
114 : #20331e : +60
124 : #1e3320 : +70
134 : #1e3323 : +80
144 : #1e3327 : +90
154 : #1e332a : +100
164 : #1e332e : +110
174 : #1e3331 : +120
184 : #1e3233 : +130
194 : #1e2e33 : +140
204 : #1e2b33 : +150
214 : #1e2733 : +160
224 : #1e2433 : +170
234 : #1e2033 : +180
244 : #201e33 : +190
254 : #231e33 : +200
264 : #271e33 : +210
274 : #2a1e33 : +220
284 : #2e1e33 : +230
294 : #311e33 : +240
304 : #331e32 : +250
314 : #331e2e : +260
324 : #331e2b : +270
334 : #331e27 : +280
344 : #331e24 : +290
354 : #331e20 : +300
44 : #332e1e : -10
45 : #332e1e : -9
46 : #332e1e : -8
47 : #332f1e : -7
48 : #332f1e : -6
49 : #33301e : -5
50 : #33301e : -4
51 : #33301e : -3
52 : #33311e : -2
53 : #33311e : -1
54 : #33311e : ±0
55 : #33321e : +1
56 : #33321e : +2
57 : #33321e : +3
58 : #33331e : +4
59 : #33331e : +5
60 : #33331e : +6
61 : #33331e : +7
62 : #33331e : +8
63 : #32331e : +9
64 : #32331e : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -26
2 : #2a2928 : -24
4 : #2a2a27 : -22
6 : #2b2b26 : -20
8 : #2c2b26 : -18
10 : #2d2c25 : -16
12 : #2e2d24 : -14
14 : #2f2d23 : -12
16 : #2f2e22 : -10
18 : #302f21 : -8
20 : #312f21 : -6
22 : #323020 : -4
24 : #33311f : -2
26 : #33311e : ±0
28 : #34321d : +2
30 : #35331d : +4
32 : #36331c : +6
34 : #37341b : +8
36 : #37351a : +10
38 : #383519 : +12
40 : #393618 : +14
42 : #3a3718 : +16
44 : #3b3717 : +18
46 : #3c3816 : +20
48 : #3c3815 : +22
50 : #3d3914 : +24
52 : #3e3a14 : +26
54 : #3f3a13 : +28
56 : #403b12 : +30
58 : #403c11 : +32
60 : #413c10 : +34
62 : #423d10 : +36
64 : #433e0f : +38
66 : #443e0e : +40
68 : #453f0d : +42
70 : #45400c : +44
72 : #46400b : +46
74 : #47410b : +48
76 : #48420a : +50
78 : #494209 : +52
80 : #494308 : +54
82 : #4a4407 : +56
84 : #4b4407 : +58
86 : #4c4506 : +60
88 : #4d4605 : +62
90 : #4e4604 : +64
92 : #4e4703 : +66
94 : #4f4702 : +68
96 : #504802 : +70
98 : #514901 : +72
100 : #524900 : +74
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #060604 : -14
4 : #0d0c08 : -12
6 : #13120b : -10
8 : #1a190f : -8
10 : #201f13 : -6
12 : #272517 : -4
14 : #2d2b1a : -2
16 : #33311e : ±0
18 : #3a3722 : +2
20 : #403e26 : +4
22 : #47442a : +6
24 : #4d4a2d : +8
26 : #545031 : +10
28 : #5a5635 : +12
30 : #605c39 : +14
32 : #67633c : +16
34 : #6d6940 : +18
36 : #746f44 : +20
38 : #7a7548 : +22
40 : #817b4b : +24
42 : #87814f : +26
44 : #8d8853 : +28
46 : #948e57 : +30
48 : #9a945b : +32
50 : #a19a5e : +34
52 : #a49e65 : +36
54 : #a8a26b : +38
56 : #aca672 : +40
58 : #b0aa78 : +42
60 : #b4ae7e : +44
62 : #b7b285 : +46
64 : #bbb68b : +48
66 : #bfba92 : +50
68 : #c3be98 : +52
70 : #c6c29f : +54
72 : #cac6a5 : +56
74 : #cecaab : +58
76 : #d2cfb2 : +60
78 : #d5d3b8 : +62
80 : #d9d7bf : +64
82 : #dddbc5 : +66
84 : #e1dfcc : +68
86 : #e5e3d2 : +70
88 : #e8e7d8 : +72
90 : #ecebdf : +74
92 : #f0efe5 : +76
94 : #f4f3ec : +78
96 : #f7f7f2 : +80
98 : #fbfbf9 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow