#36004d
RGB ( 赤 = 54, 緑 = 0, 青 = 77 )
HSL ( 色相 = 282°, 彩度 = 100%, 明度 = 15% )
H : 色相 ( 282° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #4d0300 : -280
12 : #4d0f00 : -270
22 : #4d1c00 : -260
32 : #4d2900 : -250
42 : #4d3600 : -240
52 : #4d4200 : -230
62 : #4a4d00 : -220
72 : #3d4d00 : -210
82 : #304d00 : -200
92 : #244d00 : -190
102 : #174d00 : -180
112 : #0a4d00 : -170
122 : #004d03 : -160
132 : #004d0f : -150
142 : #004d1c : -140
152 : #004d29 : -130
162 : #004d36 : -120
172 : #004d42 : -110
182 : #004a4d : -100
192 : #003d4d : -90
202 : #00304d : -80
212 : #00244d : -70
222 : #00174d : -60
232 : #000a4d : -50
242 : #03004d : -40
252 : #0f004d : -30
262 : #1c004d : -20
272 : #29004d : -10
282 : #36004d : ±0
292 : #42004d : +10
302 : #4d004a : +20
312 : #4d003d : +30
322 : #4d0030 : +40
332 : #4d0024 : +50
342 : #4d0017 : +60
352 : #4d000a : +70
272 : #29004d : -10
273 : #2a004d : -9
274 : #2b004d : -8
275 : #2d004d : -7
276 : #2e004d : -6
277 : #2f004d : -5
278 : #30004d : -4
279 : #32004d : -3
280 : #33004d : -2
281 : #34004d : -1
282 : #36004d : ±0
283 : #37004d : +1
284 : #38004d : +2
285 : #39004d : +3
286 : #3b004d : +4
287 : #3c004d : +5
288 : #3d004d : +6
289 : #3e004d : +7
290 : #40004d : +8
291 : #41004d : +9
292 : #42004d : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -100
2 : #272527 : -98
4 : #272528 : -96
6 : #272429 : -94
8 : #272329 : -92
10 : #28222a : -90
12 : #28222b : -88
14 : #28212c : -86
16 : #29202c : -84
18 : #291f2d : -82
20 : #291f2e : -80
22 : #2a1e2f : -78
24 : #2a1d2f : -76
26 : #2a1c30 : -74
28 : #2b1c31 : -72
30 : #2b1b32 : -70
32 : #2b1a32 : -68
34 : #2b1933 : -66
36 : #2c1834 : -64
38 : #2c1835 : -62
40 : #2c1736 : -60
42 : #2d1636 : -58
44 : #2d1537 : -56
46 : #2d1538 : -54
48 : #2e1439 : -52
50 : #2e1339 : -50
52 : #2e123a : -48
54 : #2f123b : -46
56 : #2f113c : -44
58 : #2f103c : -42
60 : #2f0f3d : -40
62 : #300f3e : -38
64 : #300e3f : -36
66 : #300d3f : -34
68 : #310c40 : -32
70 : #310b41 : -30
72 : #310b42 : -28
74 : #320a43 : -26
76 : #320943 : -24
78 : #320844 : -22
80 : #320845 : -20
82 : #330746 : -18
84 : #330646 : -16
86 : #330547 : -14
88 : #340548 : -12
90 : #340449 : -10
92 : #340349 : -8
94 : #35024a : -6
96 : #35024b : -4
98 : #35014c : -2
100 : #36004d : ±0
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #040005 : -14
3 : #0b000f : -12
5 : #12001a : -10
7 : #190024 : -8
9 : #20002e : -6
11 : #270038 : -4
13 : #2e0042 : -2
15 : #36004d : ±0
17 : #3d0057 : +2
19 : #440061 : +4
21 : #4b006b : +6
23 : #520075 : +8
25 : #590080 : +10
27 : #60008a : +12
29 : #680094 : +14
31 : #6f009e : +16
33 : #7600a8 : +18
35 : #7d00b3 : +20
37 : #8400bd : +22
39 : #8b00c7 : +24
41 : #9200d1 : +26
43 : #9a00db : +28
45 : #a100e6 : +30
47 : #a800f0 : +32
49 : #af00fa : +34
51 : #b405ff : +36
53 : #b70fff : +38
55 : #ba1aff : +40
57 : #bd24ff : +42
59 : #c02eff : +44
61 : #c338ff : +46
63 : #c642ff : +48
65 : #c94dff : +50
67 : #cd57ff : +52
69 : #d061ff : +54
71 : #d36bff : +56
73 : #d675ff : +58
75 : #d980ff : +60
77 : #dc8aff : +62
79 : #df94ff : +64
81 : #e29eff : +66
83 : #e5a8ff : +68
85 : #e8b3ff : +70
87 : #ebbdff : +72
89 : #eec7ff : +74
91 : #f1d1ff : +76
93 : #f4dbff : +78
95 : #f7e6ff : +80
97 : #faf0ff : +82
99 : #fdfaff : +84
CSS入門、作ってます。
text-shadow