#570014
RGB ( 赤 = 87, 緑 = 0, 青 = 20 )
HSL ( 色相 = 346°, 彩度 = 100%, 明度 = 17% )
H : 色相 ( 346° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #570900 : -340
16 : #571700 : -330
26 : #572600 : -320
36 : #573400 : -310
46 : #574200 : -300
56 : #575100 : -290
66 : #4e5700 : -280
76 : #405700 : -270
86 : #315700 : -260
96 : #235700 : -250
106 : #145700 : -240
116 : #065700 : -230
126 : #005709 : -220
136 : #005717 : -210
146 : #005726 : -200
156 : #005734 : -190
166 : #005742 : -180
176 : #005751 : -170
186 : #004e57 : -160
196 : #004057 : -150
206 : #003157 : -140
216 : #002357 : -130
226 : #001457 : -120
236 : #000657 : -110
246 : #090057 : -100
256 : #170057 : -90
266 : #260057 : -80
276 : #340057 : -70
286 : #420057 : -60
296 : #510057 : -50
306 : #57004e : -40
316 : #570040 : -30
326 : #570031 : -20
336 : #570023 : -10
346 : #570014 : ±0
356 : #570006 : +10
336 : #570023 : -10
337 : #570021 : -9
338 : #570020 : -8
339 : #57001e : -7
340 : #57001d : -6
341 : #57001b : -5
342 : #57001a : -4
343 : #570019 : -3
344 : #570017 : -2
345 : #570016 : -1
346 : #570014 : ±0
347 : #570013 : +1
348 : #570011 : +2
349 : #570010 : +3
350 : #57000e : +4
351 : #57000d : +5
352 : #57000c : +6
353 : #57000a : +7
354 : #570009 : +8
355 : #570007 : +9
356 : #570006 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2b2b2b : -100
2 : #2c2a2b : -98
4 : #2d2a2a : -96
6 : #2e292a : -94
8 : #2f282a : -92
10 : #302729 : -90
12 : #312629 : -88
14 : #312528 : -86
16 : #322428 : -84
18 : #332427 : -82
20 : #342327 : -80
22 : #352226 : -78
24 : #362126 : -76
26 : #372025 : -74
28 : #371f25 : -72
30 : #381e24 : -70
32 : #391d24 : -68
34 : #3a1d23 : -66
36 : #3b1c23 : -64
38 : #3c1b23 : -62
40 : #3d1a22 : -60
42 : #3e1922 : -58
44 : #3e1821 : -56
46 : #3f1721 : -54
48 : #401720 : -52
50 : #411620 : -50
52 : #42151f : -48
54 : #43141f : -46
56 : #44131e : -44
58 : #44121e : -42
60 : #45111d : -40
62 : #46101d : -38
64 : #47101d : -36
66 : #480f1c : -34
68 : #490e1c : -32
70 : #4a0d1b : -30
72 : #4b0c1b : -28
74 : #4b0b1a : -26
76 : #4c0a1a : -24
78 : #4d0a19 : -22
80 : #4e0919 : -20
82 : #4f0818 : -18
84 : #500718 : -16
86 : #510617 : -14
88 : #510517 : -12
90 : #520417 : -10
92 : #530316 : -8
94 : #540316 : -6
96 : #550215 : -4
98 : #560115 : -2
100 : #570014 : ±0
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #050001 : -16
3 : #0f0004 : -14
5 : #1a0006 : -12
7 : #240008 : -10
9 : #2e000b : -8
11 : #38000d : -6
13 : #42000f : -4
15 : #4d0012 : -2
17 : #570014 : ±0
19 : #610017 : +2
21 : #6b0019 : +4
23 : #75001b : +6
25 : #80001e : +8
27 : #8a0020 : +10
29 : #940023 : +12
31 : #9e0025 : +14
33 : #a80027 : +16
35 : #b3002a : +18
37 : #bd002c : +20
39 : #c7002e : +22
41 : #d10031 : +24
43 : #db0033 : +26
45 : #e60036 : +28
47 : #f00038 : +30
49 : #fa003a : +32
51 : #ff053f : +34
53 : #ff0f47 : +36
55 : #ff1a4f : +38
57 : #ff2457 : +40
59 : #ff2e5f : +42
61 : #ff3867 : +44
63 : #ff426e : +46
65 : #ff4d76 : +48
67 : #ff577e : +50
69 : #ff6186 : +52
71 : #ff6b8e : +54
73 : #ff7595 : +56
75 : #ff809d : +58
77 : #ff8aa5 : +60
79 : #ff94ad : +62
81 : #ff9eb5 : +64
83 : #ffa8bd : +66
85 : #ffb3c4 : +68
87 : #ffbdcc : +70
89 : #ffc7d4 : +72
91 : #ffd1dc : +74
93 : #ffdbe4 : +76
95 : #ffe6eb : +78
97 : #fff0f3 : +80
99 : #fffafb : +82
CSS入門、作ってます。
text-shadow