#332d1e
RGB ( 赤 = 51, 緑 = 45, 青 = 30 )
HSL ( 色相 = 43°, 彩度 = 26%, 明度 = 16% )
H : 色相 ( 43° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #331f1e : -40
13 : #33231e : -30
23 : #33261e : -20
33 : #332a1e : -10
43 : #332d1e : ±0
53 : #33311e : +10
63 : #32331e : +20
73 : #2f331e : +30
83 : #2b331e : +40
93 : #28331e : +50
103 : #24331e : +60
113 : #21331e : +70
123 : #1e331f : +80
133 : #1e3323 : +90
143 : #1e3326 : +100
153 : #1e332a : +110
163 : #1e332d : +120
173 : #1e3331 : +130
183 : #1e3233 : +140
193 : #1e2f33 : +150
203 : #1e2b33 : +160
213 : #1e2833 : +170
223 : #1e2433 : +180
233 : #1e2133 : +190
243 : #1f1e33 : +200
253 : #231e33 : +210
263 : #261e33 : +220
273 : #2a1e33 : +230
283 : #2d1e33 : +240
293 : #311e33 : +250
303 : #331e32 : +260
313 : #331e2f : +270
323 : #331e2b : +280
333 : #331e28 : +290
343 : #331e24 : +300
353 : #331e21 : +310
33 : #332a1e : -10
34 : #332a1e : -9
35 : #332b1e : -8
36 : #332b1e : -7
37 : #332b1e : -6
38 : #332c1e : -5
39 : #332c1e : -4
40 : #332c1e : -3
41 : #332d1e : -2
42 : #332d1e : -1
43 : #332d1e : ±0
44 : #332e1e : +1
45 : #332e1e : +2
46 : #332e1e : +3
47 : #332f1e : +4
48 : #332f1e : +5
49 : #33301e : +6
50 : #33301e : +7
51 : #33301e : +8
52 : #33311e : +9
53 : #33311e : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -26
2 : #2a2928 : -24
4 : #2a2a27 : -22
6 : #2b2a26 : -20
8 : #2c2a26 : -18
10 : #2d2b25 : -16
12 : #2e2b24 : -14
14 : #2f2b23 : -12
16 : #2f2c22 : -10
18 : #302c21 : -8
20 : #312c21 : -6
22 : #322d20 : -4
24 : #332d1f : -2
26 : #332d1e : ±0
28 : #342e1d : +2
30 : #352e1d : +4
32 : #362e1c : +6
34 : #372f1b : +8
36 : #372f1a : +10
38 : #383019 : +12
40 : #393018 : +14
42 : #3a3018 : +16
44 : #3b3117 : +18
46 : #3c3116 : +20
48 : #3c3115 : +22
50 : #3d3214 : +24
52 : #3e3214 : +26
54 : #3f3213 : +28
56 : #403312 : +30
58 : #403311 : +32
60 : #413310 : +34
62 : #423410 : +36
64 : #43340f : +38
66 : #44340e : +40
68 : #45350d : +42
70 : #45350c : +44
72 : #46360b : +46
74 : #47360b : +48
76 : #48360a : +50
78 : #493709 : +52
80 : #493708 : +54
82 : #4a3707 : +56
84 : #4b3807 : +58
86 : #4c3806 : +60
88 : #4d3805 : +62
90 : #4e3904 : +64
92 : #4e3903 : +66
94 : #4f3902 : +68
96 : #503a02 : +70
98 : #513a01 : +72
100 : #523a00 : +74
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #060604 : -14
4 : #0d0b08 : -12
6 : #13110b : -10
8 : #1a170f : -8
10 : #201c13 : -6
12 : #272217 : -4
14 : #2d281a : -2
16 : #332d1e : ±0
18 : #3a3322 : +2
20 : #403926 : +4
22 : #473e2a : +6
24 : #4d442d : +8
26 : #544a31 : +10
28 : #5a4f35 : +12
30 : #605539 : +14
32 : #675b3c : +16
34 : #6d6040 : +18
36 : #746644 : +20
38 : #7a6c48 : +22
40 : #81714b : +24
42 : #87774f : +26
44 : #8d7d53 : +28
46 : #948357 : +30
48 : #9a885b : +32
50 : #a18e5e : +34
52 : #a49265 : +36
54 : #a8976b : +38
56 : #ac9b72 : +40
58 : #b0a078 : +42
60 : #b4a47e : +44
62 : #b7a985 : +46
64 : #bbae8b : +48
66 : #bfb292 : +50
68 : #c3b798 : +52
70 : #c6bb9f : +54
72 : #cac0a5 : +56
74 : #cec4ab : +58
76 : #d2c9b2 : +60
78 : #d5cdb8 : +62
80 : #d9d2bf : +64
82 : #ddd6c5 : +66
84 : #e1dbcc : +68
86 : #e5dfd2 : +70
88 : #e8e4d8 : +72
90 : #ece8df : +74
92 : #f0ede5 : +76
94 : #f4f1ec : +78
96 : #f7f6f2 : +80
98 : #fbfaf9 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow