#2c111d
RGB ( 赤 = 44, 緑 = 17, 青 = 29 )
HSL ( 色相 = 333°, 彩度 = 44%, 明度 = 12% )
H : 色相 ( 333° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #2c1211 : -330
13 : #2c1711 : -320
23 : #2c1b11 : -310
33 : #2c2011 : -300
43 : #2c2411 : -290
53 : #2c2911 : -280
63 : #2b2c11 : -270
73 : #262c11 : -260
83 : #222c11 : -250
93 : #1d2c11 : -240
103 : #192c11 : -230
113 : #142c11 : -220
123 : #112c12 : -210
133 : #112c17 : -200
143 : #112c1b : -190
153 : #112c20 : -180
163 : #112c24 : -170
173 : #112c29 : -160
183 : #112b2c : -150
193 : #11262c : -140
203 : #11222c : -130
213 : #111d2c : -120
223 : #11192c : -110
233 : #11142c : -100
243 : #12112c : -90
253 : #17112c : -80
263 : #1b112c : -70
273 : #20112c : -60
283 : #24112c : -50
293 : #29112c : -40
303 : #2c112b : -30
313 : #2c1126 : -20
323 : #2c1122 : -10
333 : #2c111d : ±0
343 : #2c1119 : +10
353 : #2c1114 : +20
323 : #2c1122 : -10
324 : #2c1121 : -9
325 : #2c1121 : -8
326 : #2c1120 : -7
327 : #2c1120 : -6
328 : #2c111f : -5
329 : #2c111f : -4
330 : #2c111f : -3
331 : #2c111e : -2
332 : #2c111e : -1
333 : #2c111d : ±0
334 : #2c111d : +1
335 : #2c111c : +2
336 : #2c111c : +3
337 : #2c111b : +4
338 : #2c111b : +5
339 : #2c111b : +6
340 : #2c111a : +7
341 : #2c111a : +8
342 : #2c1119 : +9
343 : #2c1119 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #1e1e1e : -44
2 : #1f1e1f : -42
4 : #201d1e : -40
6 : #201d1e : -38
8 : #211c1e : -36
10 : #221c1e : -34
12 : #221b1e : -32
14 : #231a1e : -30
16 : #231a1e : -28
18 : #24191e : -26
20 : #25181e : -24
22 : #25181e : -22
24 : #26171e : -20
26 : #27171e : -18
28 : #27161e : -16
30 : #28151e : -14
32 : #28151e : -12
34 : #29141e : -10
36 : #2a141d : -8
38 : #2a131d : -6
40 : #2b121d : -4
42 : #2b121d : -2
44 : #2c111d : ±0
46 : #2d111d : +2
48 : #2d101d : +4
50 : #2e0f1d : +6
52 : #2f0f1d : +8
54 : #2f0e1d : +10
56 : #300d1d : +12
58 : #300d1d : +14
60 : #310c1d : +16
62 : #320c1d : +18
64 : #320b1d : +20
66 : #330a1d : +22
68 : #330a1d : +24
70 : #34091c : +26
72 : #35091c : +28
74 : #35081c : +30
76 : #36071c : +32
78 : #36071c : +34
80 : #37061c : +36
82 : #38061c : +38
84 : #38051c : +40
86 : #39041c : +42
88 : #3a041c : +44
90 : #3a031c : +46
92 : #3b021c : +48
94 : #3b021c : +50
96 : #3c011c : +52
98 : #3d011c : +54
100 : #3d001c : +56
L : 明度 ( 12% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -12
2 : #070305 : -10
4 : #0f060a : -8
6 : #16090f : -6
8 : #1d0b14 : -4
10 : #250e18 : -2
12 : #2c111d : ±0
14 : #331422 : +2
16 : #3b1727 : +4
18 : #421a2c : +6
20 : #491d31 : +8
22 : #511f36 : +10
24 : #58223b : +12
26 : #5f253f : +14
28 : #672844 : +16
30 : #6e2b49 : +18
32 : #762e4e : +20
34 : #7d3153 : +22
36 : #843358 : +24
38 : #8c365d : +26
40 : #933962 : +28
42 : #9a3c66 : +30
44 : #a23f6b : +32
46 : #a94270 : +34
48 : #b04575 : +36
50 : #b8477a : +38
52 : #ba4f7f : +40
54 : #bd5685 : +42
56 : #c05d8a : +44
58 : #c3658f : +46
60 : #c66c95 : +48
62 : #c9739a : +50
64 : #cc7b9f : +52
66 : #ce82a4 : +54
68 : #d189aa : +56
70 : #d491af : +58
72 : #d798b4 : +60
74 : #daa0ba : +62
76 : #dda7bf : +64
78 : #e0aec4 : +66
80 : #e2b6ca : +68
82 : #e5bdcf : +70
84 : #e8c4d4 : +72
86 : #ebccda : +74
88 : #eed3df : +76
90 : #f1dae4 : +78
92 : #f4e2ea : +80
94 : #f6e9ef : +82
96 : #f9f0f4 : +84
98 : #fcf8fa : +86
100 : #ffffff : +88
CSS入門、作ってます。
text-shadow