#572f13
RGB ( 赤 = 87, 緑 = 47, 青 = 19 )
HSL ( 色相 = 25°, 彩度 = 64%, 明度 = 21% )
H : 色相 ( 25° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #581913 : -20
15 : #582413 : -10
25 : #583013 : ±0
35 : #583b13 : +10
45 : #584713 : +20
55 : #585213 : +30
65 : #525813 : +40
75 : #475813 : +50
85 : #3b5813 : +60
95 : #305813 : +70
105 : #245813 : +80
115 : #195813 : +90
125 : #135819 : +100
135 : #135824 : +110
145 : #135830 : +120
155 : #13583b : +130
165 : #135847 : +140
175 : #135852 : +150
185 : #135258 : +160
195 : #134758 : +170
205 : #133b58 : +180
215 : #133058 : +190
225 : #132458 : +200
235 : #131958 : +210
245 : #191358 : +220
255 : #241358 : +230
265 : #301358 : +240
275 : #3b1358 : +250
285 : #471358 : +260
295 : #521358 : +270
305 : #581352 : +280
315 : #581347 : +290
325 : #58133b : +300
335 : #581330 : +310
345 : #581324 : +320
355 : #581319 : +330
15 : #582413 : -10
16 : #582613 : -9
17 : #582713 : -8
18 : #582813 : -7
19 : #582913 : -6
20 : #582a13 : -5
21 : #582b13 : -4
22 : #582c13 : -3
23 : #582e13 : -2
24 : #582f13 : -1
25 : #583013 : ±0
26 : #583113 : +1
27 : #583213 : +2
28 : #583313 : +3
29 : #583413 : +4
30 : #583613 : +5
31 : #583713 : +6
32 : #583813 : +7
33 : #583913 : +8
34 : #583a13 : +9
35 : #583b13 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #353535 : -64
2 : #373534 : -62
4 : #383533 : -60
6 : #393532 : -58
8 : #3a3531 : -56
10 : #3b3530 : -54
12 : #3c342f : -52
14 : #3d342e : -50
16 : #3e342d : -48
18 : #3f342c : -46
20 : #40342b : -44
22 : #41342a : -42
24 : #423329 : -40
26 : #433328 : -38
28 : #453327 : -36
30 : #463325 : -34
32 : #473324 : -32
34 : #483323 : -30
36 : #493222 : -28
38 : #4a3221 : -26
40 : #4b3220 : -24
42 : #4c321f : -22
44 : #4d321e : -20
46 : #4e311d : -18
48 : #4f311c : -16
50 : #50311b : -14
52 : #51311a : -12
54 : #523119 : -10
56 : #543118 : -8
58 : #553016 : -6
60 : #563015 : -4
62 : #573014 : -2
64 : #583013 : ±0
66 : #593012 : +2
68 : #5a2f11 : +4
70 : #5b2f10 : +6
72 : #5c2f0f : +8
74 : #5d2f0e : +10
76 : #5e2f0d : +12
78 : #5f2f0c : +14
80 : #602e0b : +16
82 : #612e0a : +18
84 : #632e09 : +20
86 : #642e07 : +22
88 : #652e06 : +24
90 : #662e05 : +26
92 : #672d04 : +28
94 : #682d03 : +30
96 : #692d02 : +32
98 : #6a2d01 : +34
100 : #6b2d00 : +36
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -20
3 : #0d0703 : -18
5 : #150b05 : -16
7 : #1d1006 : -14
9 : #261508 : -12
11 : #2e190a : -10
13 : #361e0c : -8
15 : #3f220e : -6
17 : #472710 : -4
19 : #4f2b11 : -2
21 : #583013 : ±0
23 : #603415 : +2
25 : #693917 : +4
27 : #713e19 : +6
29 : #79421b : +8
31 : #82471c : +10
33 : #8a4b1e : +12
35 : #925020 : +14
37 : #9b5422 : +16
39 : #a35924 : +18
41 : #ab5d26 : +20
43 : #b46227 : +22
45 : #bc6729 : +24
47 : #c56b2b : +26
49 : #cd702d : +28
51 : #d27532 : +30
53 : #d47a3a : +32
55 : #d68043 : +34
57 : #d8864b : +36
59 : #d98b54 : +38
61 : #db915c : +40
63 : #dd9764 : +42
65 : #df9c6d : +44
67 : #e1a275 : +46
69 : #e3a87d : +48
71 : #e4ad86 : +50
73 : #e6b38e : +52
75 : #e8b896 : +54
77 : #eabe9f : +56
79 : #ecc4a7 : +58
81 : #eec9b0 : +60
83 : #efcfb8 : +62
85 : #f1d5c0 : +64
87 : #f3dac9 : +66
89 : #f5e0d1 : +68
91 : #f7e6d9 : +70
93 : #f9ebe2 : +72
95 : #faf1ea : +74
97 : #fcf7f2 : +76
99 : #fefcfb : +78
CSS入門、作ってます。
text-shadow