#56015f
RGB ( 赤 = 86, 緑 = 1, 青 = 95 )
HSL ( 色相 = 294°, 彩度 = 98%, 明度 = 19% )
H : 色相 ( 294° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #600701 : -290
14 : #601701 : -280
24 : #602701 : -270
34 : #603701 : -260
44 : #604701 : -250
54 : #605601 : -240
64 : #5a6001 : -230
74 : #4a6001 : -220
84 : #3a6001 : -210
94 : #2a6001 : -200
104 : #1a6001 : -190
114 : #0a6001 : -180
124 : #016007 : -170
134 : #016017 : -160
144 : #016027 : -150
154 : #016037 : -140
164 : #016047 : -130
174 : #016056 : -120
184 : #015a60 : -110
194 : #014a60 : -100
204 : #013a60 : -90
214 : #012a60 : -80
224 : #011a60 : -70
234 : #010a60 : -60
244 : #070160 : -50
254 : #170160 : -40
264 : #270160 : -30
274 : #370160 : -20
284 : #470160 : -10
294 : #560160 : ±0
304 : #60015a : +10
314 : #60014a : +20
324 : #60013a : +30
334 : #60012a : +40
344 : #60011a : +50
354 : #60010a : +60
284 : #470160 : -10
285 : #480160 : -9
286 : #4a0160 : -8
287 : #4b0160 : -7
288 : #4d0160 : -6
289 : #4f0160 : -5
290 : #500160 : -4
291 : #520160 : -3
292 : #530160 : -2
293 : #550160 : -1
294 : #560160 : ±0
295 : #580160 : +1
296 : #5a0160 : +2
297 : #5b0160 : +3
298 : #5d0160 : +4
299 : #5e0160 : +5
300 : #600160 : +6
301 : #60015e : +7
302 : #60015d : +8
303 : #60015b : +9
304 : #60015a : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -98
2 : #312f31 : -96
4 : #322f32 : -94
6 : #332e33 : -92
8 : #342d34 : -90
10 : #342c35 : -88
12 : #352b36 : -86
14 : #362a37 : -84
16 : #372938 : -82
18 : #372839 : -80
20 : #38273a : -78
22 : #39263b : -76
24 : #3a253c : -74
26 : #3b243d : -72
28 : #3b233e : -70
30 : #3c223f : -68
32 : #3d2140 : -66
34 : #3e2041 : -64
36 : #3e1f42 : -62
38 : #3f1e43 : -60
40 : #401d44 : -58
42 : #411c45 : -56
44 : #421b46 : -54
46 : #421a47 : -52
48 : #431948 : -50
50 : #441849 : -48
52 : #45174a : -46
54 : #45164b : -44
56 : #46154c : -42
58 : #47144d : -40
60 : #48134e : -38
62 : #48124e : -36
64 : #49114f : -34
66 : #4a1050 : -32
68 : #4b1051 : -30
70 : #4c0f52 : -28
72 : #4c0e53 : -26
74 : #4d0d54 : -24
76 : #4e0c55 : -22
78 : #4f0b56 : -20
80 : #4f0a57 : -18
82 : #500958 : -16
84 : #510859 : -14
86 : #52075a : -12
88 : #53065b : -10
90 : #53055c : -8
92 : #54045d : -6
94 : #55035e : -4
96 : #56025f : -2
98 : #560160 : ±0
100 : #570061 : +2
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #050005 : -18
3 : #0e000f : -16
5 : #170019 : -14
7 : #200023 : -12
9 : #29002d : -10
11 : #320138 : -8
13 : #3b0142 : -6
15 : #44014c : -4
17 : #4d0156 : -2
19 : #560160 : ±0
21 : #60016a : +2
23 : #690174 : +4
25 : #72017e : +6
27 : #7b0188 : +8
29 : #840192 : +10
31 : #8d029d : +12
33 : #9602a7 : +14
35 : #9f02b1 : +16
37 : #a802bb : +18
39 : #b102c5 : +20
41 : #bb02cf : +22
43 : #c402d9 : +24
45 : #cd02e3 : +26
47 : #d602ed : +28
49 : #df02f7 : +30
51 : #e408fd : +32
53 : #e512fd : +34
55 : #e61cfd : +36
57 : #e726fd : +38
59 : #e830fd : +40
61 : #ea3afd : +42
63 : #eb44fd : +44
65 : #ec4efd : +46
67 : #ed58fd : +48
69 : #ee62fd : +50
71 : #ef6dfe : +52
73 : #f077fe : +54
75 : #f181fe : +56
77 : #f28bfe : +58
79 : #f395fe : +60
81 : #f59ffe : +62
83 : #f6a9fe : +64
85 : #f7b3fe : +66
87 : #f8bdfe : +68
89 : #f9c7fe : +70
91 : #fad2ff : +72
93 : #fbdcff : +74
95 : #fce6ff : +76
97 : #fdf0ff : +78
99 : #fefaff : +80
CSS入門、作ってます。
text-shadow