#57323a
RGB ( 赤 = 87, 緑 = 50, 青 = 58 )
HSL ( 色相 = 347°, 彩度 = 27%, 明度 = 27% )
H : 色相 ( 347° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #573732 : -340
17 : #573d32 : -330
27 : #574332 : -320
37 : #574932 : -310
47 : #574f32 : -300
57 : #575632 : -290
67 : #535732 : -280
77 : #4d5732 : -270
87 : #475732 : -260
97 : #415732 : -250
107 : #3a5732 : -240
117 : #345732 : -230
127 : #325737 : -220
137 : #32573d : -210
147 : #325743 : -200
157 : #325749 : -190
167 : #32574f : -180
177 : #325756 : -170
187 : #325357 : -160
197 : #324d57 : -150
207 : #324757 : -140
217 : #324157 : -130
227 : #323a57 : -120
237 : #323457 : -110
247 : #373257 : -100
257 : #3d3257 : -90
267 : #433257 : -80
277 : #493257 : -70
287 : #4f3257 : -60
297 : #563257 : -50
307 : #573253 : -40
317 : #57324d : -30
327 : #573247 : -20
337 : #573241 : -10
347 : #57323a : ±0
357 : #573234 : +10
337 : #573241 : -10
338 : #573240 : -9
339 : #57323f : -8
340 : #57323f : -7
341 : #57323e : -6
342 : #57323d : -5
343 : #57323d : -4
344 : #57323c : -3
345 : #57323c : -2
346 : #57323b : -1
347 : #57323a : ±0
348 : #57323a : +1
349 : #573239 : +2
350 : #573238 : +3
351 : #573238 : +4
352 : #573237 : +5
353 : #573237 : +6
354 : #573236 : +7
355 : #573235 : +8
356 : #573235 : +9
357 : #573234 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464444 : -26
3 : #474344 : -24
5 : #484143 : -22
7 : #4a4042 : -20
9 : #4b3f41 : -18
11 : #4c3d41 : -16
13 : #4e3c40 : -14
15 : #4f3b3f : -12
17 : #51393e : -10
19 : #52383d : -8
21 : #53363d : -6
23 : #55353c : -4
25 : #56343b : -2
27 : #57323a : ±0
29 : #59313a : +2
31 : #5a3039 : +4
33 : #5c2e38 : +6
35 : #5d2d37 : +8
37 : #5e2b36 : +10
39 : #602a36 : +12
41 : #612935 : +14
43 : #622734 : +16
45 : #642633 : +18
47 : #652433 : +20
49 : #672332 : +22
51 : #682231 : +24
53 : #692030 : +26
55 : #6b1f2f : +28
57 : #6c1e2f : +30
59 : #6d1c2e : +32
61 : #6f1b2d : +34
63 : #70192c : +36
65 : #72182b : +38
67 : #73172b : +40
69 : #74152a : +42
71 : #761429 : +44
73 : #771328 : +46
75 : #781128 : +48
77 : #7a1027 : +50
79 : #7b0e26 : +52
81 : #7d0d25 : +54
83 : #7e0c24 : +56
85 : #7f0a24 : +58
87 : #810923 : +60
89 : #820822 : +62
91 : #840621 : +64
93 : #850521 : +66
95 : #860320 : +68
97 : #88021f : +70
99 : #89011e : +72
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -26
3 : #0a0606 : -24
5 : #10090b : -22
7 : #170d0f : -20
9 : #1d1113 : -18
11 : #241418 : -16
13 : #2a181c : -14
15 : #311c20 : -12
17 : #372025 : -10
19 : #3e2329 : -8
21 : #44272d : -6
23 : #4a2b32 : -4
25 : #512f36 : -2
27 : #57323a : ±0
29 : #5e363f : +2
31 : #643a43 : +4
33 : #6b3d47 : +6
35 : #71414c : +8
37 : #784550 : +10
39 : #7e4954 : +12
41 : #854c59 : +14
43 : #8b505d : +16
45 : #925461 : +18
47 : #985766 : +20
49 : #9f5b6a : +22
51 : #a4606f : +24
53 : #a86775 : +26
55 : #ab6d7b : +28
57 : #af7481 : +30
59 : #b37a86 : +32
61 : #b6818c : +34
63 : #ba8792 : +36
65 : #be8e98 : +38
67 : #c2949e : +40
69 : #c59ba4 : +42
71 : #c9a1aa : +44
73 : #cda8b0 : +46
75 : #d0aeb5 : +48
77 : #d4b5bb : +50
79 : #d8bbc1 : +52
81 : #dcc1c7 : +54
83 : #dfc8cd : +56
85 : #e3ced3 : +58
87 : #e7d5d9 : +60
89 : #ebdbdf : +62
91 : #eee2e5 : +64
93 : #f2e8ea : +66
95 : #f6eff0 : +68
97 : #f9f5f6 : +70
99 : #fdfcfc : +72
CSS入門、作ってます。
text-shadow