#57065b
RGB ( 赤 = 87, 緑 = 6, 青 = 91 )
HSL ( 色相 = 297°, 彩度 = 88%, 明度 = 19% )
H : 色相 ( 297° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #5b1006 : -290
17 : #5b1e06 : -280
27 : #5b2c06 : -270
37 : #5b3a06 : -260
47 : #5b4906 : -250
57 : #5b5706 : -240
67 : #515b06 : -230
77 : #435b06 : -220
87 : #355b06 : -210
97 : #275b06 : -200
107 : #185b06 : -190
117 : #0a5b06 : -180
127 : #065b10 : -170
137 : #065b1e : -160
147 : #065b2c : -150
157 : #065b3a : -140
167 : #065b49 : -130
177 : #065b57 : -120
187 : #06515b : -110
197 : #06435b : -100
207 : #06355b : -90
217 : #06275b : -80
227 : #06185b : -70
237 : #060a5b : -60
247 : #10065b : -50
257 : #1e065b : -40
267 : #2c065b : -30
277 : #3a065b : -20
287 : #49065b : -10
297 : #57065b : ±0
307 : #5b0651 : +10
317 : #5b0643 : +20
327 : #5b0635 : +30
337 : #5b0627 : +40
347 : #5b0618 : +50
357 : #5b060a : +60
287 : #49065b : -10
288 : #4a065b : -9
289 : #4b065b : -8
290 : #4d065b : -7
291 : #4e065b : -6
292 : #50065b : -5
293 : #51065b : -4
294 : #53065b : -3
295 : #54065b : -2
296 : #55065b : -1
297 : #57065b : ±0
298 : #58065b : +1
299 : #5a065b : +2
300 : #5b065b : +3
301 : #5b065a : +4
302 : #5b0658 : +5
303 : #5b0657 : +6
304 : #5b0655 : +7
305 : #5b0654 : +8
306 : #5b0653 : +9
307 : #5b0651 : +10
S : 彩度 ( 88% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -88
2 : #312f31 : -86
4 : #322f32 : -84
6 : #332e33 : -82
8 : #342d34 : -80
10 : #352c35 : -78
12 : #362b36 : -76
14 : #372a37 : -74
16 : #372938 : -72
18 : #382839 : -70
20 : #39273a : -68
22 : #3a263b : -66
24 : #3b253c : -64
26 : #3c243d : -62
28 : #3d233e : -60
30 : #3e223f : -58
32 : #3e2140 : -56
34 : #3f2041 : -54
36 : #401f42 : -52
38 : #411e43 : -50
40 : #421d44 : -48
42 : #431c45 : -46
44 : #441b46 : -44
46 : #451a47 : -42
48 : #451948 : -40
50 : #461849 : -38
52 : #47174a : -36
54 : #48164b : -34
56 : #49154c : -32
58 : #4a144d : -30
60 : #4b134e : -28
62 : #4b124e : -26
64 : #4c114f : -24
66 : #4d1050 : -22
68 : #4e1051 : -20
70 : #4f0f52 : -18
72 : #500e53 : -16
74 : #510d54 : -14
76 : #520c55 : -12
78 : #520b56 : -10
80 : #530a57 : -8
82 : #540958 : -6
84 : #550859 : -4
86 : #56075a : -2
88 : #57065b : ±0
90 : #58055c : +2
92 : #59045d : +4
94 : #59035e : +6
96 : #5a025f : +8
98 : #5b0160 : +10
100 : #5c0061 : +12
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #050005 : -18
3 : #0e010e : -16
5 : #170218 : -14
7 : #200222 : -12
9 : #29032b : -10
11 : #320335 : -8
13 : #3b043e : -6
15 : #450548 : -4
17 : #4e0551 : -2
19 : #57065b : ±0
21 : #600665 : +2
23 : #69076e : +4
25 : #720878 : +6
27 : #7b0881 : +8
29 : #85098b : +10
31 : #8e0995 : +12
33 : #970a9e : +14
35 : #a00ba8 : +16
37 : #a90bb1 : +18
39 : #b20cbb : +20
41 : #bb0dc5 : +22
43 : #c40dce : +24
45 : #ce0ed8 : +26
47 : #d70ee1 : +28
49 : #e00feb : +30
51 : #e514f0 : +32
53 : #e61ef1 : +34
55 : #e727f1 : +36
57 : #e831f2 : +38
59 : #e93af2 : +40
61 : #ea44f3 : +42
63 : #eb4ef4 : +44
65 : #ec57f4 : +46
67 : #ed61f5 : +48
69 : #ef6af6 : +50
71 : #f074f6 : +52
73 : #f17ef7 : +54
75 : #f287f7 : +56
77 : #f391f8 : +58
79 : #f49af9 : +60
81 : #f5a4f9 : +62
83 : #f6aefa : +64
85 : #f7b7fa : +66
87 : #f8c1fb : +68
89 : #f9cafc : +70
91 : #fad4fc : +72
93 : #fbddfd : +74
95 : #fce7fd : +76
97 : #fdf1fe : +78
99 : #fefaff : +80
CSS入門、作ってます。
text-shadow