#57512e
RGB
赤 | 87 |
---|---|
緑 | 81 |
青 | 46 |
HSL
色相 | 51° |
---|---|
彩度 | 31% |
明度 | 26% |
輝度 | 31% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 87, 緑 = 81, 青 = 46 )
HSL ( 色相 = 51°, 彩度 = 31%, 明度 = 26% )
H : 色相 ( 51° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #572e2e : -50
11 : #57352e : -40
21 : #573c2e : -30
31 : #57432e : -20
41 : #574a2e : -10
51 : #57512e : ±0
61 : #56572e : +10
71 : #4f572e : +20
81 : #48572e : +30
91 : #42572e : +40
101 : #3b572e : +50
111 : #34572e : +60
121 : #2e572e : +70
131 : #2e5735 : +80
141 : #2e573c : +90
151 : #2e5743 : +100
161 : #2e574a : +110
171 : #2e5751 : +120
181 : #2e5657 : +130
191 : #2e4f57 : +140
201 : #2e4857 : +150
211 : #2e4257 : +160
221 : #2e3b57 : +170
231 : #2e3457 : +180
241 : #2e2e57 : +190
251 : #352e57 : +200
261 : #3c2e57 : +210
271 : #432e57 : +220
281 : #4a2e57 : +230
291 : #512e57 : +240
301 : #572e56 : +250
311 : #572e4f : +260
321 : #572e48 : +270
331 : #572e42 : +280
341 : #572e3b : +290
351 : #572e34 : +300
41 : #574a2e : -10
42 : #574b2e : -9
43 : #574b2e : -8
44 : #574c2e : -7
45 : #574d2e : -6
46 : #574d2e : -5
47 : #574e2e : -4
48 : #574f2e : -3
49 : #574f2e : -2
50 : #57502e : -1
51 : #57512e : ±0
52 : #57512e : +1
53 : #57522e : +2
54 : #57532e : +3
55 : #57532e : +4
56 : #57542e : +5
57 : #57552e : +6
58 : #57552e : +7
59 : #57562e : +8
60 : #57572e : +9
61 : #56572e : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #434342 : -30
3 : #444440 : -28
5 : #46453f : -26
7 : #47463e : -24
9 : #48463c : -22
11 : #4a473b : -20
13 : #4b483a : -18
15 : #4c4938 : -16
17 : #4e4a37 : -14
19 : #4f4b36 : -12
21 : #504c34 : -10
23 : #524d33 : -8
25 : #534e32 : -6
27 : #544f30 : -4
29 : #56502f : -2
31 : #57512e : ±0
33 : #58522c : +2
35 : #5a532b : +4
37 : #5b532a : +6
39 : #5c5428 : +8
41 : #5d5527 : +10
43 : #5f5626 : +12
45 : #605724 : +14
47 : #615823 : +16
49 : #635922 : +18
51 : #645a20 : +20
53 : #655b1f : +22
55 : #675c1e : +24
57 : #685d1d : +26
59 : #695e1b : +28
61 : #6b5f1a : +30
63 : #6c6019 : +32
65 : #6d6017 : +34
67 : #6f6116 : +36
69 : #706215 : +38
71 : #716313 : +40
73 : #736412 : +42
75 : #746511 : +44
77 : #75660f : +46
79 : #77670e : +48
81 : #78680d : +50
83 : #79690b : +52
85 : #7b6a0a : +54
87 : #7c6b09 : +56
89 : #7d6c07 : +58
91 : #7f6d06 : +60
93 : #806d05 : +62
95 : #816e03 : +64
97 : #836f02 : +66
99 : #847001 : +68
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #070604 : -24
4 : #0d0c07 : -22
6 : #14130b : -20
8 : #1b190e : -18
10 : #211f12 : -16
12 : #282515 : -14
14 : #2f2b19 : -12
16 : #35321c : -10
18 : #3c3820 : -8
20 : #433e23 : -6
22 : #494427 : -4
24 : #504a2a : -2
26 : #57512e : ±0
28 : #5e5731 : +2
30 : #645d35 : +4
32 : #6b6338 : +6
34 : #726a3c : +8
36 : #78703f : +10
38 : #7f7643 : +12
40 : #867c46 : +14
42 : #8c824a : +16
44 : #93894d : +18
46 : #9a8f51 : +20
48 : #a09554 : +22
50 : #a79b58 : +24
52 : #ab9f5f : +26
54 : #aea365 : +28
56 : #b2a76c : +30
58 : #b5ab73 : +32
60 : #b9af79 : +34
62 : #bcb380 : +36
64 : #c0b787 : +38
66 : #c3bb8d : +40
68 : #c7bf94 : +42
70 : #cac39b : +44
72 : #cec7a1 : +46
74 : #d1cba8 : +48
76 : #d5cfaf : +50
78 : #d8d3b6 : +52
80 : #dcd7bc : +54
82 : #dfdbc3 : +56
84 : #e3dfca : +58
86 : #e6e3d0 : +60
88 : #eae7d7 : +62
90 : #edebde : +64
92 : #f1efe4 : +66
94 : #f4f3eb : +68
96 : #f8f7f2 : +70
98 : #fbfbf8 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow