#573d19
RGB ( 赤 = 87, 緑 = 61, 青 = 25 )
HSL ( 色相 = 35°, 彩度 = 55%, 明度 = 22% )
H : 色相 ( 35° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #571e19 : -30
15 : #572919 : -20
25 : #573319 : -10
35 : #573d19 : ±0
45 : #574819 : +10
55 : #575219 : +20
65 : #525719 : +30
75 : #485719 : +40
85 : #3d5719 : +50
95 : #335719 : +60
105 : #295719 : +70
115 : #1e5719 : +80
125 : #19571e : +90
135 : #195729 : +100
145 : #195733 : +110
155 : #19573d : +120
165 : #195748 : +130
175 : #195752 : +140
185 : #195257 : +150
195 : #194857 : +160
205 : #193d57 : +170
215 : #193357 : +180
225 : #192957 : +190
235 : #191e57 : +200
245 : #1e1957 : +210
255 : #291957 : +220
265 : #331957 : +230
275 : #3d1957 : +240
285 : #481957 : +250
295 : #521957 : +260
305 : #571952 : +270
315 : #571948 : +280
325 : #57193d : +290
335 : #571933 : +300
345 : #571929 : +310
355 : #57191e : +320
25 : #573319 : -10
26 : #573419 : -9
27 : #573519 : -8
28 : #573619 : -7
29 : #573719 : -6
30 : #573819 : -5
31 : #573919 : -4
32 : #573a19 : -3
33 : #573b19 : -2
34 : #573c19 : -1
35 : #573d19 : ±0
36 : #573e19 : +1
37 : #573f19 : +2
38 : #574019 : +3
39 : #574119 : +4
40 : #574219 : +5
41 : #574319 : +6
42 : #574419 : +7
43 : #574519 : +8
44 : #574619 : +9
45 : #574819 : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #393838 : -54
3 : #3a3836 : -52
5 : #3b3935 : -50
7 : #3c3934 : -48
9 : #3d3933 : -46
11 : #3e3932 : -44
13 : #3f3931 : -42
15 : #413a30 : -40
17 : #423a2f : -38
19 : #433a2d : -36
21 : #443a2c : -34
23 : #453a2b : -32
25 : #463a2a : -30
27 : #473b29 : -28
29 : #483b28 : -26
31 : #493b27 : -24
33 : #4b3b26 : -22
35 : #4c3b24 : -20
37 : #4d3c23 : -18
39 : #4e3c22 : -16
41 : #4f3c21 : -14
43 : #503c20 : -12
45 : #513c1f : -10
47 : #523c1e : -8
49 : #543d1d : -6
51 : #553d1b : -4
53 : #563d1a : -2
55 : #573d19 : ±0
57 : #583d18 : +2
59 : #593e17 : +4
61 : #5a3e16 : +6
63 : #5b3e15 : +8
65 : #5d3e14 : +10
67 : #5e3e13 : +12
69 : #5f3f11 : +14
71 : #603f10 : +16
73 : #613f0f : +18
75 : #623f0e : +20
77 : #633f0d : +22
79 : #643f0c : +24
81 : #66400b : +26
83 : #67400a : +28
85 : #684008 : +30
87 : #694007 : +32
89 : #6a4006 : +34
91 : #6b4105 : +36
93 : #6c4104 : +38
95 : #6d4103 : +40
97 : #6f4102 : +42
99 : #704101 : +44
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #080602 : -20
4 : #100b05 : -18
6 : #181107 : -16
8 : #201609 : -14
10 : #281c0b : -12
12 : #2f210e : -10
14 : #372710 : -8
16 : #3f2d12 : -6
18 : #473215 : -4
20 : #4f3817 : -2
22 : #573d19 : ±0
24 : #5f431c : +2
26 : #67481e : +4
28 : #6f4e20 : +6
30 : #775422 : +8
32 : #7e5925 : +10
34 : #865f27 : +12
36 : #8e6429 : +14
38 : #966a2c : +16
40 : #9e6f2e : +18
42 : #a67530 : +20
44 : #ae7a32 : +22
46 : #b68035 : +24
48 : #be8637 : +26
50 : #c68b39 : +28
52 : #c89041 : +30
54 : #ca9449 : +32
56 : #cd9951 : +34
58 : #cf9e59 : +36
60 : #d1a261 : +38
62 : #d3a769 : +40
64 : #d6ac71 : +42
66 : #d8b079 : +44
68 : #dab581 : +46
70 : #ddba88 : +48
72 : #dfbe90 : +50
74 : #e1c398 : +52
76 : #e3c7a0 : +54
78 : #e6cca8 : +56
80 : #e8d1b0 : +58
82 : #ead5b8 : +60
84 : #eddac0 : +62
86 : #efdfc8 : +64
88 : #f1e3d0 : +66
90 : #f4e8d7 : +68
92 : #f6ecdf : +70
94 : #f8f1e7 : +72
96 : #faf6ef : +74
98 : #fdfaf7 : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow