#302e2c
RGB ( 赤 = 48, 緑 = 46, 青 = 44 )
HSL ( 色相 = 30°, 彩度 = 4%, 明度 = 18% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #302c2c : -30
10 : #302d2c : -20
20 : #302d2c : -10
30 : #302e2c : ±0
40 : #302f2c : +10
50 : #302f2c : +20
60 : #30302c : +30
70 : #2f302c : +40
80 : #2f302c : +50
90 : #2e302c : +60
100 : #2d302c : +70
110 : #2d302c : +80
120 : #2c302c : +90
130 : #2c302d : +100
140 : #2c302d : +110
150 : #2c302e : +120
160 : #2c302f : +130
170 : #2c302f : +140
180 : #2c3030 : +150
190 : #2c2f30 : +160
200 : #2c2f30 : +170
210 : #2c2e30 : +180
220 : #2c2d30 : +190
230 : #2c2d30 : +200
240 : #2c2c30 : +210
250 : #2d2c30 : +220
260 : #2d2c30 : +230
270 : #2e2c30 : +240
280 : #2f2c30 : +250
290 : #2f2c30 : +260
300 : #302c30 : +270
310 : #302c2f : +280
320 : #302c2f : +290
330 : #302c2e : +300
340 : #302c2d : +310
350 : #302c2d : +320
20 : #302d2c : -10
21 : #302d2c : -9
22 : #302d2c : -8
23 : #302d2c : -7
24 : #302e2c : -6
25 : #302e2c : -5
26 : #302e2c : -4
27 : #302e2c : -3
28 : #302e2c : -2
29 : #302e2c : -1
30 : #302e2c : ±0
31 : #302e2c : +1
32 : #302e2c : +2
33 : #302e2c : +3
34 : #302e2c : +4
35 : #302e2c : +5
36 : #302e2c : +6
37 : #302e2c : +7
38 : #302e2c : +8
39 : #302e2c : +9
40 : #302f2c : +10
S : 彩度 ( 4% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -4
2 : #2f2e2d : -2
4 : #302e2c : ±0
6 : #312e2b : +2
8 : #322e2a : +4
10 : #322e29 : +6
12 : #332e28 : +8
14 : #342e27 : +10
16 : #352e27 : +12
18 : #362e26 : +14
20 : #372e25 : +16
22 : #382e24 : +18
24 : #392e23 : +20
26 : #3a2e22 : +22
28 : #3b2e21 : +24
30 : #3c2e20 : +26
32 : #3d2e1f : +28
34 : #3e2e1e : +30
36 : #3e2e1d : +32
38 : #3f2e1c : +34
40 : #402e1c : +36
42 : #412e1b : +38
44 : #422e1a : +40
46 : #432e19 : +42
48 : #442e18 : +44
50 : #452e17 : +46
52 : #462e16 : +48
54 : #472e15 : +50
56 : #482e14 : +52
58 : #492e13 : +54
60 : #492e12 : +56
62 : #4a2e11 : +58
64 : #4b2e11 : +60
66 : #4c2e10 : +62
68 : #4d2e0f : +64
70 : #4e2e0e : +66
72 : #4f2e0d : +68
74 : #502e0c : +70
76 : #512e0b : +72
78 : #522e0a : +74
80 : #532e09 : +76
82 : #542e08 : +78
84 : #542e07 : +80
86 : #552e06 : +82
88 : #562e06 : +84
90 : #572e05 : +86
92 : #582e04 : +88
94 : #592e03 : +90
96 : #5a2e02 : +92
98 : #5b2e01 : +94
100 : #5c2e00 : +96
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #050505 : -16
4 : #0b0a0a : -14
6 : #100f0f : -12
8 : #151414 : -10
10 : #1b1a18 : -8
12 : #201f1d : -6
14 : #252422 : -4
16 : #2a2927 : -2
18 : #302e2c : ±0
20 : #353331 : +2
22 : #3a3836 : +4
24 : #403d3b : +6
26 : #454240 : +8
28 : #4a4745 : +10
30 : #504d49 : +12
32 : #55524e : +14
34 : #5a5753 : +16
36 : #5f5c58 : +18
38 : #65615d : +20
40 : #6a6662 : +22
42 : #6f6b67 : +24
44 : #75706c : +26
46 : #7a7571 : +28
48 : #7f7a76 : +30
50 : #85807a : +32
52 : #898580 : +34
54 : #8e8a85 : +36
56 : #938f8a : +38
58 : #989490 : +40
60 : #9d9995 : +42
62 : #a29e9a : +44
64 : #a7a3a0 : +46
66 : #aca8a5 : +48
68 : #b1adaa : +50
70 : #b6b3af : +52
72 : #bab8b5 : +54
74 : #bfbdba : +56
76 : #c4c2bf : +58
78 : #c9c7c5 : +60
80 : #ceccca : +62
82 : #d3d1cf : +64
84 : #d8d6d5 : +66
86 : #dddbda : +68
88 : #e2e0df : +70
90 : #e7e6e4 : +72
92 : #ebebea : +74
94 : #f0f0ef : +76
96 : #f5f5f4 : +78
98 : #fafafa : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow