#571e24
RGB ( 赤 = 87, 緑 = 30, 青 = 36 )
HSL ( 色相 = 354°, 彩度 = 49%, 明度 = 23% )
H : 色相 ( 354° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #57221e : -350
14 : #572b1e : -340
24 : #57351e : -330
34 : #573e1e : -320
44 : #57481e : -310
54 : #57521e : -300
64 : #54571e : -290
74 : #4a571e : -280
84 : #40571e : -270
94 : #37571e : -260
104 : #2d571e : -250
114 : #24571e : -240
124 : #1e5722 : -230
134 : #1e572b : -220
144 : #1e5735 : -210
154 : #1e573e : -200
164 : #1e5748 : -190
174 : #1e5752 : -180
184 : #1e5457 : -170
194 : #1e4a57 : -160
204 : #1e4057 : -150
214 : #1e3757 : -140
224 : #1e2d57 : -130
234 : #1e2457 : -120
244 : #221e57 : -110
254 : #2b1e57 : -100
264 : #351e57 : -90
274 : #3e1e57 : -80
284 : #481e57 : -70
294 : #521e57 : -60
304 : #571e54 : -50
314 : #571e4a : -40
324 : #571e40 : -30
334 : #571e37 : -20
344 : #571e2d : -10
354 : #571e24 : ±0
344 : #571e2d : -10
345 : #571e2c : -9
346 : #571e2b : -8
347 : #571e2a : -7
348 : #571e29 : -6
349 : #571e28 : -5
350 : #571e27 : -4
351 : #571e27 : -3
352 : #571e26 : -2
353 : #571e25 : -1
354 : #571e24 : ±0
355 : #571e23 : +1
356 : #571e22 : +2
357 : #571e21 : +3
358 : #571e20 : +4
359 : #571e1f : +5
0 : #571e1e : -354
1 : #571f1e : -353
2 : #57201e : -352
3 : #57211e : -351
4 : #57221e : -350
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3b3a3a : -48
3 : #3c3939 : -46
5 : #3e3838 : -44
7 : #3f3737 : -42
9 : #403536 : -40
11 : #413435 : -38
13 : #423335 : -36
15 : #433234 : -34
17 : #453133 : -32
19 : #463032 : -30
21 : #472e31 : -28
23 : #482d30 : -26
25 : #492c2f : -24
27 : #4a2b2e : -22
29 : #4c2a2d : -20
31 : #4d282c : -18
33 : #4e272b : -16
35 : #4f262a : -14
37 : #502529 : -12
39 : #522428 : -10
41 : #532327 : -8
43 : #542126 : -6
45 : #552026 : -4
47 : #561f25 : -2
49 : #571e24 : ±0
51 : #591d23 : +2
53 : #5a1c22 : +4
55 : #5b1a21 : +6
57 : #5c1920 : +8
59 : #5d181f : +10
61 : #5e171e : +12
63 : #60161d : +14
65 : #61151c : +16
67 : #62131b : +18
69 : #63121a : +20
71 : #641119 : +22
73 : #651018 : +24
75 : #670f17 : +26
77 : #680d17 : +28
79 : #690c16 : +30
81 : #6a0b15 : +32
83 : #6b0a14 : +34
85 : #6d0913 : +36
87 : #6e0812 : +38
89 : #6f0611 : +40
91 : #700510 : +42
93 : #71040f : +44
95 : #72030e : +46
97 : #74020d : +48
99 : #75010c : +50
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -22
3 : #0b0405 : -20
5 : #130708 : -18
7 : #1b090b : -16
9 : #220c0e : -14
11 : #2a0e11 : -12
13 : #311114 : -10
15 : #391417 : -8
17 : #41161a : -6
19 : #48191d : -4
21 : #501b21 : -2
23 : #571e24 : ±0
25 : #5f2127 : +2
27 : #67232a : +4
29 : #6e262d : +6
31 : #762830 : +8
33 : #7d2b33 : +10
35 : #852e36 : +12
37 : #8d3039 : +14
39 : #94333c : +16
41 : #9c3540 : +18
43 : #a33843 : +20
45 : #ab3b46 : +22
47 : #b33d49 : +24
49 : #ba404c : +26
51 : #bf4551 : +28
53 : #c24c58 : +30
55 : #c4545f : +32
57 : #c75c66 : +34
59 : #ca636d : +36
61 : #cc6b75 : +38
63 : #cf727c : +40
65 : #d17a83 : +42
67 : #d4828a : +44
69 : #d78991 : +46
71 : #d99198 : +48
73 : #dc989f : +50
75 : #dea0a6 : +52
77 : #e1a8ad : +54
79 : #e4afb4 : +56
81 : #e6b7bc : +58
83 : #e9bec3 : +60
85 : #ebc6ca : +62
87 : #eeced1 : +64
89 : #f1d5d8 : +66
91 : #f3dddf : +68
93 : #f6e4e6 : +70
95 : #f8eced : +72
97 : #fbf4f4 : +74
99 : #fefbfb : +76
CSS入門、作ってます。
text-shadow