#574b3e
RGB ( 赤 = 87, 緑 = 75, 青 = 62 )
HSL ( 色相 = 31°, 彩度 = 17%, 明度 = 29% )
H : 色相 ( 31° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #573e3d : -30
11 : #57423d : -20
21 : #57463d : -10
31 : #574a3d : ±0
41 : #574f3d : +10
51 : #57533d : +20
61 : #56573d : +30
71 : #52573d : +40
81 : #4e573d : +50
91 : #4a573d : +60
101 : #45573d : +70
111 : #41573d : +80
121 : #3d573e : +90
131 : #3d5742 : +100
141 : #3d5746 : +110
151 : #3d574a : +120
161 : #3d574f : +130
171 : #3d5753 : +140
181 : #3d5657 : +150
191 : #3d5257 : +160
201 : #3d4e57 : +170
211 : #3d4a57 : +180
221 : #3d4557 : +190
231 : #3d4157 : +200
241 : #3e3d57 : +210
251 : #423d57 : +220
261 : #463d57 : +230
271 : #4a3d57 : +240
281 : #4f3d57 : +250
291 : #533d57 : +260
301 : #573d56 : +270
311 : #573d52 : +280
321 : #573d4e : +290
331 : #573d4a : +300
341 : #573d45 : +310
351 : #573d41 : +320
21 : #57463d : -10
22 : #57473d : -9
23 : #57473d : -8
24 : #57473d : -7
25 : #57483d : -6
26 : #57483d : -5
27 : #57493d : -4
28 : #57493d : -3
29 : #574a3d : -2
30 : #574a3d : -1
31 : #574a3d : ±0
32 : #574b3d : +1
33 : #574b3d : +2
34 : #574c3d : +3
35 : #574c3d : +4
36 : #574c3d : +5
37 : #574d3d : +6
38 : #574d3d : +7
39 : #574e3d : +8
40 : #574e3d : +9
41 : #574f3d : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4b4a49 : -16
3 : #4c4a48 : -14
5 : #4e4a46 : -12
7 : #4f4a45 : -10
9 : #514a43 : -8
11 : #524a42 : -6
13 : #544a40 : -4
15 : #554a3f : -2
17 : #574a3d : ±0
19 : #584a3c : +2
21 : #594a3a : +4
23 : #5b4b39 : +6
25 : #5c4b37 : +8
27 : #5e4b36 : +10
29 : #5f4b35 : +12
31 : #614b33 : +14
33 : #624b32 : +16
35 : #644b30 : +18
37 : #654b2f : +20
39 : #674b2d : +22
41 : #684b2c : +24
43 : #6a4b2a : +26
45 : #6b4b29 : +28
47 : #6d4b27 : +30
49 : #6e4b26 : +32
51 : #704b24 : +34
53 : #714b23 : +36
55 : #734b21 : +38
57 : #744b20 : +40
59 : #764b1e : +42
61 : #774b1d : +44
63 : #794c1b : +46
65 : #7a4c1a : +48
67 : #7b4c18 : +50
69 : #7d4c17 : +52
71 : #7e4c15 : +54
73 : #804c14 : +56
75 : #814c12 : +58
77 : #834c11 : +60
79 : #844c10 : +62
81 : #864c0e : +64
83 : #874c0d : +66
85 : #894c0b : +68
87 : #8a4c0a : +70
89 : #8c4c08 : +72
91 : #8d4c07 : +74
93 : #8f4c05 : +76
95 : #904c04 : +78
97 : #924c02 : +80
99 : #934c01 : +82
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -28
3 : #090806 : -26
5 : #0f0d0b : -24
7 : #15120f : -22
9 : #1b1713 : -20
11 : #211c17 : -18
13 : #27211c : -16
15 : #2d2620 : -14
17 : #332c24 : -12
19 : #393128 : -10
21 : #3f362c : -8
23 : #453b31 : -6
25 : #4b4035 : -4
27 : #514539 : -2
29 : #574a3d : ±0
31 : #5c4f42 : +2
33 : #625546 : +4
35 : #685a4a : +6
37 : #6e5f4e : +8
39 : #746453 : +10
41 : #7a6957 : +12
43 : #806e5b : +14
45 : #86735f : +16
47 : #8c7963 : +18
49 : #927e68 : +20
51 : #97836d : +22
53 : #9c8873 : +24
55 : #a08d79 : +26
57 : #a4927f : +28
59 : #a89785 : +30
61 : #ac9c8b : +32
63 : #b1a191 : +34
65 : #b5a697 : +36
67 : #b9ab9d : +38
69 : #bdb0a3 : +40
71 : #c2b5a8 : +42
73 : #c6bbae : +44
75 : #cac0b4 : +46
77 : #cec5ba : +48
79 : #d3cac0 : +50
81 : #d7cfc6 : +52
83 : #dbd4cc : +54
85 : #dfd9d2 : +56
87 : #e3ded8 : +58
89 : #e8e3de : +60
91 : #ece8e4 : +62
93 : #f0edea : +64
95 : #f4f2f0 : +66
97 : #f9f7f6 : +68
99 : #fdfcfc : +70
CSS入門、作ってます。
text-shadow