#560152
RGB ( 赤 = 86, 緑 = 1, 青 = 82 )
HSL ( 色相 = 303°, 彩度 = 98%, 明度 = 17% )
H : 色相 ( 303° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #560501 : -300
13 : #561301 : -290
23 : #562101 : -280
33 : #563001 : -270
43 : #563e01 : -260
53 : #564c01 : -250
63 : #525601 : -240
73 : #435601 : -230
83 : #355601 : -220
93 : #275601 : -210
103 : #195601 : -200
113 : #0b5601 : -190
123 : #015605 : -180
133 : #015613 : -170
143 : #015621 : -160
153 : #015630 : -150
163 : #01563e : -140
173 : #01564c : -130
183 : #015256 : -120
193 : #014356 : -110
203 : #013556 : -100
213 : #012756 : -90
223 : #011956 : -80
233 : #010b56 : -70
243 : #050156 : -60
253 : #130156 : -50
263 : #210156 : -40
273 : #300156 : -30
283 : #3e0156 : -20
293 : #4c0156 : -10
303 : #560152 : ±0
313 : #560143 : +10
323 : #560135 : +20
333 : #560127 : +30
343 : #560119 : +40
353 : #56010b : +50
293 : #4c0156 : -10
294 : #4d0156 : -9
295 : #4f0156 : -8
296 : #500156 : -7
297 : #520156 : -6
298 : #530156 : -5
299 : #540156 : -4
300 : #560156 : -3
301 : #560154 : -2
302 : #560153 : -1
303 : #560152 : ±0
304 : #560150 : +1
305 : #56014f : +2
306 : #56014d : +3
307 : #56014c : +4
308 : #56014b : +5
309 : #560149 : +6
310 : #560148 : +7
311 : #560146 : +8
312 : #560145 : +9
313 : #560143 : +10
S : 彩度 ( 98% )
(0%) 渋い ～ 鮮やか (100%)
0 : #2b2b2b : -98
2 : #2c2a2c : -96
4 : #2d2a2d : -94
6 : #2e292e : -92
8 : #2f282e : -90
10 : #30272f : -88
12 : #312630 : -86
14 : #312531 : -84
16 : #322432 : -82
18 : #332432 : -80
20 : #342333 : -78
22 : #352234 : -76
24 : #362135 : -74
26 : #372035 : -72
28 : #371f36 : -70
30 : #381e37 : -68
32 : #391d38 : -66
34 : #3a1d39 : -64
36 : #3b1c39 : -62
38 : #3c1b3a : -60
40 : #3d1a3b : -58
42 : #3e193c : -56
44 : #3e183d : -54
46 : #3f173d : -52
48 : #40173e : -50
50 : #41163f : -48
52 : #421540 : -46
54 : #431440 : -44
56 : #441341 : -42
58 : #441242 : -40
60 : #451143 : -38
62 : #461044 : -36
64 : #471044 : -34
66 : #480f45 : -32
68 : #490e46 : -30
70 : #4a0d47 : -28
72 : #4b0c47 : -26
74 : #4b0b48 : -24
76 : #4c0a49 : -22
78 : #4d0a4a : -20
80 : #4e094b : -18
82 : #4f084b : -16
84 : #50074c : -14
86 : #51064d : -12
88 : #51054e : -10
90 : #52044e : -8
92 : #53034f : -6
94 : #540350 : -4
96 : #550251 : -2
98 : #560152 : ±0
100 : #570052 : +2
L : 明度 ( 17% )
(0%) 暗い ～ 明るい (100%)
1 : #050005 : -16
3 : #0f000e : -14
5 : #190018 : -12
7 : #230022 : -10
9 : #2d002b : -8
11 : #380135 : -6
13 : #42013e : -4
15 : #4c0148 : -2
17 : #560152 : ±0
19 : #60015b : +2
21 : #6a0165 : +4
23 : #74016e : +6
25 : #7e0178 : +8
27 : #880182 : +10
29 : #92018b : +12
31 : #9d0295 : +14
33 : #a7029e : +16
35 : #b102a8 : +18
37 : #bb02b2 : +20
39 : #c502bb : +22
41 : #cf02c5 : +24
43 : #d902ce : +26
45 : #e302d8 : +28
47 : #ed02e2 : +30
49 : #f702eb : +32
51 : #fd08f0 : +34
53 : #fd12f1 : +36
55 : #fd1cf1 : +38
57 : #fd26f2 : +40
59 : #fd30f3 : +42
61 : #fd3af3 : +44
63 : #fd44f4 : +46
65 : #fd4ef4 : +48
67 : #fd58f5 : +50
69 : #fd62f6 : +52
71 : #fe6df6 : +54
73 : #fe77f7 : +56
75 : #fe81f7 : +58
77 : #fe8bf8 : +60
79 : #fe95f9 : +62
81 : #fe9ff9 : +64
83 : #fea9fa : +66
85 : #feb3fa : +68
87 : #febdfb : +70
89 : #fec7fc : +72
91 : #ffd2fc : +74
93 : #ffdcfd : +76
95 : #ffe6fd : +78
97 : #fff0fe : +80
99 : #fffaff : +82
CSS入門、作ってます。
text-shadow