#56018e
RGB ( 赤 = 86, 緑 = 1, 青 = 142 )
HSL ( 色相 = 276°, 彩度 = 99%, 明度 = 28% )
H : 色相 ( 276° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #8e0f01 : -270
16 : #8e2601 : -260
26 : #8e3e01 : -250
36 : #8e5601 : -240
46 : #8e6d01 : -230
56 : #8e8501 : -220
66 : #808e01 : -210
76 : #688e01 : -200
86 : #518e01 : -190
96 : #398e01 : -180
106 : #228e01 : -170
116 : #0a8e01 : -160
126 : #018e0f : -150
136 : #018e26 : -140
146 : #018e3e : -130
156 : #018e56 : -120
166 : #018e6d : -110
176 : #018e85 : -100
186 : #01808e : -90
196 : #01688e : -80
206 : #01518e : -70
216 : #01398e : -60
226 : #01228e : -50
236 : #010a8e : -40
246 : #0f018e : -30
256 : #26018e : -20
266 : #3e018e : -10
276 : #56018e : ±0
286 : #6d018e : +10
296 : #85018e : +20
306 : #8e0180 : +30
316 : #8e0168 : +40
326 : #8e0151 : +50
336 : #8e0139 : +60
346 : #8e0122 : +70
356 : #8e010a : +80
266 : #3e018e : -10
267 : #40018e : -9
268 : #43018e : -8
269 : #45018e : -7
270 : #47018e : -6
271 : #4a018e : -5
272 : #4c018e : -4
273 : #4e018e : -3
274 : #51018e : -2
275 : #53018e : -1
276 : #56018e : ±0
277 : #58018e : +1
278 : #5a018e : +2
279 : #5d018e : +3
280 : #5f018e : +4
281 : #61018e : +5
282 : #64018e : +6
283 : #66018e : +7
284 : #68018e : +8
285 : #6b018e : +9
286 : #6d018e : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #484748 : -98
3 : #48454a : -96
5 : #48444b : -94
7 : #48424c : -92
9 : #49414e : -90
11 : #49404f : -88
13 : #493e51 : -86
15 : #4a3d52 : -84
17 : #4a3b54 : -82
19 : #4a3a55 : -80
21 : #4a3856 : -78
23 : #4b3758 : -76
25 : #4b3659 : -74
27 : #4b345b : -72
29 : #4c335c : -70
31 : #4c315e : -68
33 : #4c305f : -66
35 : #4c2e60 : -64
37 : #4d2d62 : -62
39 : #4d2c63 : -60
41 : #4d2a65 : -58
43 : #4e2966 : -56
45 : #4e2768 : -54
47 : #4e2669 : -52
49 : #4e246a : -50
51 : #4f236c : -48
53 : #4f226d : -46
55 : #4f206f : -44
57 : #501f70 : -42
59 : #501d72 : -40
61 : #501c73 : -38
63 : #501a74 : -36
65 : #511976 : -34
67 : #511877 : -32
69 : #511679 : -30
71 : #52157a : -28
73 : #52137c : -26
75 : #52127d : -24
77 : #52107e : -22
79 : #530f80 : -20
81 : #530e81 : -18
83 : #530c83 : -16
85 : #540b84 : -14
87 : #540986 : -12
89 : #540887 : -10
91 : #540688 : -8
93 : #55058a : -6
95 : #55048b : -4
97 : #55028d : -2
99 : #56018e : ±0
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #06000a : -26
4 : #0c0014 : -24
6 : #12001e : -22
8 : #180029 : -20
10 : #1f0033 : -18
12 : #25003d : -16
14 : #2b0047 : -14
16 : #310051 : -12
18 : #37005b : -10
20 : #3d0165 : -8
22 : #430170 : -6
24 : #49017a : -4
26 : #4f0184 : -2
28 : #56018e : ±0
30 : #5c0198 : +2
32 : #6201a2 : +4
34 : #6801ad : +6
36 : #6e01b7 : +8
38 : #7401c1 : +10
40 : #7a01cb : +12
42 : #8001d5 : +14
44 : #8601df : +16
46 : #8d01e9 : +18
48 : #9301f4 : +20
50 : #9901fe : +22
52 : #9d0bfe : +24
54 : #a116fe : +26
56 : #a520fe : +28
58 : #a92afe : +30
60 : #ad34fe : +32
62 : #b13efe : +34
64 : #b548fe : +36
66 : #b952fe : +38
68 : #be5dfe : +40
70 : #c267fe : +42
72 : #c671fe : +44
74 : #ca7bfe : +46
76 : #ce85fe : +48
78 : #d28ffe : +50
80 : #d69afe : +52
82 : #daa4ff : +54
84 : #deaeff : +56
86 : #e2b8ff : +58
88 : #e6c2ff : +60
90 : #ebccff : +62
92 : #efd6ff : +64
94 : #f3e1ff : +66
96 : #f7ebff : +68
98 : #fbf5ff : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow