#2c1136
RGB ( 赤 = 44, 緑 = 17, 青 = 54 )
HSL ( 色相 = 284°, 彩度 = 52%, 明度 = 14% )
H : 色相 ( 284° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #361411 : -280
14 : #361a11 : -270
24 : #362011 : -260
34 : #362611 : -250
44 : #362c11 : -240
54 : #363311 : -230
64 : #343611 : -220
74 : #2e3611 : -210
84 : #273611 : -200
94 : #213611 : -190
104 : #1b3611 : -180
114 : #153611 : -170
124 : #113614 : -160
134 : #11361a : -150
144 : #113620 : -140
154 : #113626 : -130
164 : #11362c : -120
174 : #113633 : -110
184 : #113436 : -100
194 : #112e36 : -90
204 : #112736 : -80
214 : #112136 : -70
224 : #111b36 : -60
234 : #111536 : -50
244 : #141136 : -40
254 : #1a1136 : -30
264 : #201136 : -20
274 : #261136 : -10
284 : #2c1136 : ±0
294 : #331136 : +10
304 : #361134 : +20
314 : #36112e : +30
324 : #361127 : +40
334 : #361121 : +50
344 : #36111b : +60
354 : #361115 : +70
274 : #261136 : -10
275 : #271136 : -9
276 : #271136 : -8
277 : #281136 : -7
278 : #291136 : -6
279 : #291136 : -5
280 : #2a1136 : -4
281 : #2b1136 : -3
282 : #2b1136 : -2
283 : #2c1136 : -1
284 : #2c1136 : ±0
285 : #2d1136 : +1
286 : #2e1136 : +2
287 : #2e1136 : +3
288 : #2f1136 : +4
289 : #2f1136 : +5
290 : #301136 : +6
291 : #311136 : +7
292 : #311136 : +8
293 : #321136 : +9
294 : #331136 : +10
S : 彩度 ( 52% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -52
2 : #242324 : -50
4 : #242225 : -48
6 : #252226 : -46
8 : #252127 : -44
10 : #252027 : -42
12 : #261f28 : -40
14 : #261f29 : -38
16 : #261e29 : -36
18 : #271d2a : -34
20 : #271d2b : -32
22 : #271c2c : -30
24 : #281b2c : -28
26 : #281a2d : -26
28 : #281a2e : -24
30 : #29192e : -22
32 : #29182f : -20
34 : #291830 : -18
36 : #2a1731 : -16
38 : #2a1631 : -14
40 : #2a1532 : -12
42 : #2b1533 : -10
44 : #2b1433 : -8
46 : #2b1334 : -6
48 : #2c1335 : -4
50 : #2c1236 : -2
52 : #2c1136 : ±0
54 : #2d1037 : +2
56 : #2d1038 : +4
58 : #2d0f38 : +6
60 : #2e0e39 : +8
62 : #2e0e3a : +10
64 : #2e0d3b : +12
66 : #2f0c3b : +14
68 : #2f0b3c : +16
70 : #2f0b3d : +18
72 : #300a3d : +20
74 : #30093e : +22
76 : #30093f : +24
78 : #310840 : +26
80 : #310740 : +28
82 : #310641 : +30
84 : #320642 : +32
86 : #320542 : +34
88 : #320443 : +36
90 : #330444 : +38
92 : #330345 : +40
94 : #330245 : +42
96 : #340146 : +44
98 : #340147 : +46
100 : #340047 : +48
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #060208 : -12
4 : #0d0510 : -10
6 : #130717 : -8
8 : #190a1f : -6
10 : #200c27 : -4
12 : #260f2f : -2
14 : #2c1136 : ±0
16 : #33143e : +2
18 : #391646 : +4
20 : #3f184e : +6
22 : #461b55 : +8
24 : #4c1d5d : +10
26 : #522065 : +12
28 : #59226d : +14
30 : #5f2574 : +16
32 : #65277c : +18
34 : #6c2a84 : +20
36 : #722c8c : +22
38 : #782f93 : +24
40 : #7f319b : +26
42 : #8533a3 : +28
44 : #8b36ab : +30
46 : #9238b2 : +32
48 : #983bba : +34
50 : #9e3dc2 : +36
52 : #a245c4 : +38
54 : #a64dc7 : +40
56 : #aa54c9 : +42
58 : #ae5ccc : +44
60 : #b264ce : +46
62 : #b66cd0 : +48
64 : #b973d3 : +50
66 : #bd7bd5 : +52
68 : #c183d8 : +54
70 : #c58bda : +56
72 : #c992dd : +58
74 : #cd9adf : +60
76 : #d1a2e2 : +62
78 : #d5aae4 : +64
80 : #d8b1e7 : +66
82 : #dcb9e9 : +68
84 : #e0c1eb : +70
86 : #e4c9ee : +72
88 : #e8d0f0 : +74
90 : #ecd8f3 : +76
92 : #f0e0f5 : +78
94 : #f3e8f8 : +80
96 : #f7effa : +82
98 : #fbf7fd : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow