#573000
RGB ( 赤 = 87, 緑 = 48, 青 = 0 )
HSL ( 色相 = 33°, 彩度 = 100%, 明度 = 17% )
H : 色相 ( 33° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #570400 : -30
13 : #571300 : -20
23 : #572100 : -10
33 : #573000 : ±0
43 : #573e00 : +10
53 : #574d00 : +20
63 : #525700 : +30
73 : #445700 : +40
83 : #355700 : +50
93 : #275700 : +60
103 : #195700 : +70
113 : #0a5700 : +80
123 : #005704 : +90
133 : #005713 : +100
143 : #005721 : +110
153 : #005730 : +120
163 : #00573e : +130
173 : #00574d : +140
183 : #005257 : +150
193 : #004457 : +160
203 : #003557 : +170
213 : #002757 : +180
223 : #001957 : +190
233 : #000a57 : +200
243 : #040057 : +210
253 : #130057 : +220
263 : #210057 : +230
273 : #300057 : +240
283 : #3e0057 : +250
293 : #4d0057 : +260
303 : #570052 : +270
313 : #570044 : +280
323 : #570035 : +290
333 : #570027 : +300
343 : #570019 : +310
353 : #57000a : +320
23 : #572100 : -10
24 : #572300 : -9
25 : #572400 : -8
26 : #572600 : -7
27 : #572700 : -6
28 : #572800 : -5
29 : #572a00 : -4
30 : #572b00 : -3
31 : #572d00 : -2
32 : #572e00 : -1
33 : #573000 : ±0
34 : #573100 : +1
35 : #573300 : +2
36 : #573400 : +3
37 : #573500 : +4
38 : #573700 : +5
39 : #573800 : +6
40 : #573a00 : +7
41 : #573b00 : +8
42 : #573d00 : +9
43 : #573e00 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2b2b2b : -100
2 : #2c2b2a : -98
4 : #2d2c2a : -96
6 : #2e2c29 : -94
8 : #2f2c28 : -92
10 : #302c27 : -90
12 : #312c26 : -88
14 : #312c25 : -86
16 : #322c24 : -84
18 : #332c24 : -82
20 : #342c23 : -80
22 : #352c22 : -78
24 : #362c21 : -76
26 : #372c20 : -74
28 : #372d1f : -72
30 : #382d1e : -70
32 : #392d1d : -68
34 : #3a2d1d : -66
36 : #3b2d1c : -64
38 : #3c2d1b : -62
40 : #3d2d1a : -60
42 : #3e2d19 : -58
44 : #3e2d18 : -56
46 : #3f2d17 : -54
48 : #402d17 : -52
50 : #412e16 : -50
52 : #422e15 : -48
54 : #432e14 : -46
56 : #442e13 : -44
58 : #442e12 : -42
60 : #452e11 : -40
62 : #462e10 : -38
64 : #472e10 : -36
66 : #482e0f : -34
68 : #492e0e : -32
70 : #4a2e0d : -30
72 : #4b2e0c : -28
74 : #4b2f0b : -26
76 : #4c2f0a : -24
78 : #4d2f0a : -22
80 : #4e2f09 : -20
82 : #4f2f08 : -18
84 : #502f07 : -16
86 : #512f06 : -14
88 : #512f05 : -12
90 : #522f04 : -10
92 : #532f03 : -8
94 : #542f03 : -6
96 : #553002 : -4
98 : #563001 : -2
100 : #573000 : ±0
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #050300 : -16
3 : #0f0800 : -14
5 : #1a0e00 : -12
7 : #241400 : -10
9 : #2e1900 : -8
11 : #381f00 : -6
13 : #422400 : -4
15 : #4d2a00 : -2
17 : #573000 : ±0
19 : #613500 : +2
21 : #6b3b00 : +4
23 : #754100 : +6
25 : #804600 : +8
27 : #8a4c00 : +10
29 : #945100 : +12
31 : #9e5700 : +14
33 : #a85d00 : +16
35 : #b36200 : +18
37 : #bd6800 : +20
39 : #c76d00 : +22
41 : #d17300 : +24
43 : #db7900 : +26
45 : #e67e00 : +28
47 : #f08400 : +30
49 : #fa8900 : +32
51 : #ff8f05 : +34
53 : #ff930f : +36
55 : #ff981a : +38
57 : #ff9c24 : +40
59 : #ffa12e : +42
61 : #ffa538 : +44
63 : #ffaa42 : +46
65 : #ffaf4d : +48
67 : #ffb357 : +50
69 : #ffb861 : +52
71 : #ffbc6b : +54
73 : #ffc175 : +56
75 : #ffc680 : +58
77 : #ffca8a : +60
79 : #ffcf94 : +62
81 : #ffd39e : +64
83 : #ffd8a8 : +66
85 : #ffddb3 : +68
87 : #ffe1bd : +70
89 : #ffe6c7 : +72
91 : #ffead1 : +74
93 : #ffefdb : +76
95 : #fff4e6 : +78
97 : #fff8f0 : +80
99 : #fffdfa : +82
CSS入門、作ってます。
text-shadow