#36256a
RGB ( 赤 = 54, 緑 = 37, 青 = 106 )
HSL ( 色相 = 255°, 彩度 = 48%, 明度 = 28% )
H : 色相 ( 255° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #6a2b25 : -250
15 : #6a3625 : -240
25 : #6a4225 : -230
35 : #6a4d25 : -220
45 : #6a5925 : -210
55 : #6a6425 : -200
65 : #646a25 : -190
75 : #596a25 : -180
85 : #4d6a25 : -170
95 : #426a25 : -160
105 : #366a25 : -150
115 : #2b6a25 : -140
125 : #256a2b : -130
135 : #256a36 : -120
145 : #256a42 : -110
155 : #256a4d : -100
165 : #256a59 : -90
175 : #256a64 : -80
185 : #25646a : -70
195 : #25596a : -60
205 : #254d6a : -50
215 : #25426a : -40
225 : #25366a : -30
235 : #252b6a : -20
245 : #2b256a : -10
255 : #36256a : ±0
265 : #42256a : +10
275 : #4d256a : +20
285 : #59256a : +30
295 : #64256a : +40
305 : #6a2564 : +50
315 : #6a2559 : +60
325 : #6a254d : +70
335 : #6a2542 : +80
345 : #6a2536 : +90
355 : #6a252b : +100
245 : #2b256a : -10
246 : #2c256a : -9
247 : #2d256a : -8
248 : #2e256a : -7
249 : #2f256a : -6
250 : #31256a : -5
251 : #32256a : -4
252 : #33256a : -3
253 : #34256a : -2
254 : #35256a : -1
255 : #36256a : ±0
256 : #37256a : +1
257 : #39256a : +2
258 : #3a256a : +3
259 : #3b256a : +4
260 : #3c256a : +5
261 : #3d256a : +6
262 : #3e256a : +7
263 : #3f256a : +8
264 : #41256a : +9
265 : #42256a : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -48
2 : #474649 : -46
4 : #46454a : -44
6 : #45434c : -42
8 : #45424d : -40
10 : #44404f : -38
12 : #433f50 : -36
14 : #423d51 : -34
16 : #423c53 : -32
18 : #413b54 : -30
20 : #403956 : -28
22 : #403857 : -26
24 : #3f3659 : -24
26 : #3e355a : -22
28 : #3d335b : -20
30 : #3d325d : -18
32 : #3c315e : -16
34 : #3b2f60 : -14
36 : #3b2e61 : -12
38 : #3a2c63 : -10
40 : #392b64 : -8
42 : #382965 : -6
44 : #382867 : -4
46 : #372768 : -2
48 : #36256a : ±0
50 : #36246b : +2
52 : #35226d : +4
54 : #34216e : +6
56 : #331f6f : +8
58 : #331e71 : +10
60 : #321d72 : +12
62 : #311b74 : +14
64 : #311a75 : +16
66 : #301877 : +18
68 : #2f1778 : +20
70 : #2e1579 : +22
72 : #2e147b : +24
74 : #2d137c : +26
76 : #2c117e : +28
78 : #2c107f : +30
80 : #2b0e81 : +32
82 : #2a0d82 : +34
84 : #290b83 : +36
86 : #290a85 : +38
88 : #280986 : +40
90 : #270788 : +42
92 : #270689 : +44
94 : #26048b : +46
96 : #25038c : +48
98 : #24018d : +50
100 : #24008f : +52
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #040308 : -26
4 : #08050f : -24
6 : #0c0817 : -22
8 : #100b1e : -20
10 : #130d26 : -18
12 : #17102d : -16
14 : #1b1335 : -14
16 : #1f153c : -12
18 : #231844 : -10
20 : #271b4b : -8
22 : #2b1d53 : -6
24 : #2f205b : -4
26 : #322262 : -2
28 : #36256a : ±0
30 : #3a2871 : +2
32 : #3e2a79 : +4
34 : #422d80 : +6
36 : #463088 : +8
38 : #4a328f : +10
40 : #4e3597 : +12
42 : #51389f : +14
44 : #553aa6 : +16
46 : #593dae : +18
48 : #5d40b5 : +20
50 : #6142bd : +22
52 : #674abf : +24
54 : #6e51c2 : +26
56 : #7459c5 : +28
58 : #7a60c7 : +30
60 : #8168ca : +32
62 : #8770cd : +34
64 : #8d77cf : +36
66 : #937fd2 : +38
68 : #9a86d5 : +40
70 : #a08ed7 : +42
72 : #a695da : +44
74 : #ad9ddd : +46
76 : #b3a4df : +48
78 : #b9ace2 : +50
80 : #c0b4e4 : +52
82 : #c6bbe7 : +54
84 : #ccc3ea : +56
86 : #d3caec : +58
88 : #d9d2ef : +60
90 : #dfd9f2 : +62
92 : #e6e1f4 : +64
94 : #ece8f7 : +66
96 : #f2f0fa : +68
98 : #f9f7fc : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow