#573532
RGB ( 赤 = 87, 緑 = 53, 青 = 50 )
HSL ( 色相 = 5°, 彩度 = 27%, 明度 = 27% )
H : 色相 ( 5° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #573532 : ±0
15 : #573c32 : +10
25 : #574232 : +20
35 : #574832 : +30
45 : #574e32 : +40
55 : #575432 : +50
65 : #545732 : +60
75 : #4e5732 : +70
85 : #485732 : +80
95 : #425732 : +90
105 : #3c5732 : +100
115 : #355732 : +110
125 : #325735 : +120
135 : #32573c : +130
145 : #325742 : +140
155 : #325748 : +150
165 : #32574e : +160
175 : #325754 : +170
185 : #325457 : +180
195 : #324e57 : +190
205 : #324857 : +200
215 : #324257 : +210
225 : #323c57 : +220
235 : #323557 : +230
245 : #353257 : +240
255 : #3c3257 : +250
265 : #423257 : +260
275 : #483257 : +270
285 : #4e3257 : +280
295 : #543257 : +290
305 : #573254 : +300
315 : #57324e : +310
325 : #573248 : +320
335 : #573242 : +330
345 : #57323c : +340
355 : #573235 : +350
355 : #573235 : +350
356 : #573235 : +351
357 : #573234 : +352
358 : #573233 : +353
359 : #573233 : +354
0 : #573232 : -5
1 : #573332 : -4
2 : #573332 : -3
3 : #573432 : -2
4 : #573532 : -1
5 : #573532 : ±0
6 : #573632 : +1
7 : #573732 : +2
8 : #573732 : +3
9 : #573832 : +4
10 : #573832 : +5
11 : #573932 : +6
12 : #573a32 : +7
13 : #573a32 : +8
14 : #573b32 : +9
15 : #573c32 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464444 : -26
3 : #474343 : -24
5 : #484241 : -22
7 : #4a4140 : -20
9 : #4b403f : -18
11 : #4c3f3d : -16
13 : #4e3d3c : -14
15 : #4f3c3b : -12
17 : #513b39 : -10
19 : #523a38 : -8
21 : #533936 : -6
23 : #553835 : -4
25 : #563734 : -2
27 : #573532 : ±0
29 : #593431 : +2
31 : #5a3330 : +4
33 : #5c322e : +6
35 : #5d312d : +8
37 : #5e302b : +10
39 : #602e2a : +12
41 : #612d29 : +14
43 : #622c27 : +16
45 : #642b26 : +18
47 : #652a24 : +20
49 : #672923 : +22
51 : #682822 : +24
53 : #692620 : +26
55 : #6b251f : +28
57 : #6c241e : +30
59 : #6d231c : +32
61 : #6f221b : +34
63 : #702119 : +36
65 : #722018 : +38
67 : #731e17 : +40
69 : #741d15 : +42
71 : #761c14 : +44
73 : #771b13 : +46
75 : #781a11 : +48
77 : #7a1910 : +50
79 : #7b180e : +52
81 : #7d160d : +54
83 : #7e150c : +56
85 : #7f140a : +58
87 : #811309 : +60
89 : #821208 : +62
91 : #841106 : +64
93 : #850f05 : +66
95 : #860e03 : +68
97 : #880d02 : +70
99 : #890c01 : +72
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -26
3 : #0a0606 : -24
5 : #100a09 : -22
7 : #170e0d : -20
9 : #1d1211 : -18
11 : #241614 : -16
13 : #2a1a18 : -14
15 : #311e1c : -12
17 : #372220 : -10
19 : #3e2623 : -8
21 : #442a27 : -6
23 : #4a2d2b : -4
25 : #51312f : -2
27 : #573532 : ±0
29 : #5e3936 : +2
31 : #643d3a : +4
33 : #6b413d : +6
35 : #714541 : +8
37 : #784945 : +10
39 : #7e4d49 : +12
41 : #85514c : +14
43 : #8b5550 : +16
45 : #925954 : +18
47 : #985d57 : +20
49 : #9f615b : +22
51 : #a46660 : +24
53 : #a86c67 : +26
55 : #ab726d : +28
57 : #af7974 : +30
59 : #b37f7a : +32
61 : #b68581 : +34
63 : #ba8b87 : +36
65 : #be928e : +38
67 : #c29894 : +40
69 : #c59e9b : +42
71 : #c9a4a1 : +44
73 : #cdaba8 : +46
75 : #d0b1ae : +48
77 : #d4b7b5 : +50
79 : #d8bdbb : +52
81 : #dcc4c1 : +54
83 : #dfcac8 : +56
85 : #e3d0ce : +58
87 : #e7d6d5 : +60
89 : #ebdddb : +62
91 : #eee3e2 : +64
93 : #f2e9e8 : +66
95 : #f6efef : +68
97 : #f9f6f5 : +70
99 : #fdfcfc : +72
CSS入門、作ってます。
text-shadow