#ac9791
RGB
赤 | 172 |
---|---|
緑 | 151 |
青 | 145 |
HSL
色相 | 13° |
---|---|
彩度 | 14% |
明度 | 62% |
輝度 | 61% |
3桁の色
補色
反転色
RGB ( 赤 = 172, 緑 = 151, 青 = 145 )
HSL ( 色相 = 13°, 彩度 = 14%, 明度 = 62% )
H : 色相 ( 13° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #ac9291 : -10
13 : #ac9691 : ±0
23 : #ac9b91 : +10
33 : #ac9f91 : +20
43 : #aca491 : +30
53 : #aca991 : +40
63 : #aaac91 : +50
73 : #a6ac91 : +60
83 : #a1ac91 : +70
93 : #9dac91 : +80
103 : #98ac91 : +90
113 : #94ac91 : +100
123 : #91ac92 : +110
133 : #91ac96 : +120
143 : #91ac9b : +130
153 : #91ac9f : +140
163 : #91aca4 : +150
173 : #91aca9 : +160
183 : #91aaac : +170
193 : #91a6ac : +180
203 : #91a1ac : +190
213 : #919dac : +200
223 : #9198ac : +210
233 : #9194ac : +220
243 : #9291ac : +230
253 : #9691ac : +240
263 : #9b91ac : +250
273 : #9f91ac : +260
283 : #a491ac : +270
293 : #a991ac : +280
303 : #ac91aa : +290
313 : #ac91a6 : +300
323 : #ac91a1 : +310
333 : #ac919d : +320
343 : #ac9198 : +330
353 : #ac9194 : +340
3 : #ac9291 : -10
4 : #ac9291 : -9
5 : #ac9391 : -8
6 : #ac9391 : -7
7 : #ac9491 : -6
8 : #ac9491 : -5
9 : #ac9591 : -4
10 : #ac9591 : -3
11 : #ac9691 : -2
12 : #ac9691 : -1
13 : #ac9691 : ±0
14 : #ac9791 : +1
15 : #ac9791 : +2
16 : #ac9891 : +3
17 : #ac9891 : +4
18 : #ac9991 : +5
19 : #ac9991 : +6
20 : #ac9a91 : +7
21 : #ac9a91 : +8
22 : #ac9a91 : +9
23 : #ac9b91 : +10
S : 彩度 ( 14% )
(0%) 渋い ~ 鮮やか (100%)
0 : #9e9e9e : -14
2 : #a09d9c : -12
4 : #a29c9a : -10
6 : #a49b98 : -8
8 : #a69a96 : -6
10 : #a89994 : -4
12 : #aa9892 : -2
14 : #ac9691 : ±0
16 : #ae958f : +2
18 : #b0948d : +4
20 : #b1938b : +6
22 : #b39289 : +8
24 : #b59187 : +10
26 : #b79085 : +12
28 : #b98f83 : +14
30 : #bb8e81 : +16
32 : #bd8d7f : +18
34 : #bf8b7d : +20
36 : #c18a7b : +22
38 : #c38979 : +24
40 : #c58877 : +26
42 : #c78775 : +28
44 : #c98673 : +30
46 : #cb8572 : +32
48 : #cd8470 : +34
50 : #cf836e : +36
52 : #d0826c : +38
54 : #d2806a : +40
56 : #d47f68 : +42
58 : #d67e66 : +44
60 : #d87d64 : +46
62 : #da7c62 : +48
64 : #dc7b60 : +50
66 : #de7a5e : +52
68 : #e0795c : +54
70 : #e2785a : +56
72 : #e47758 : +58
74 : #e67556 : +60
76 : #e87454 : +62
78 : #ea7353 : +64
80 : #ec7251 : +66
82 : #ee714f : +68
84 : #ef704d : +70
86 : #f16f4b : +72
88 : #f36e49 : +74
90 : #f56d47 : +76
92 : #f76c45 : +78
94 : #f96a43 : +80
96 : #fb6941 : +82
98 : #fd683f : +84
100 : #ff673d : +86
L : 明度 ( 62% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -62
2 : #060504 : -60
4 : #0c0909 : -58
6 : #110e0d : -56
8 : #171312 : -54
10 : #1d1716 : -52
12 : #231c1a : -50
14 : #29211f : -48
16 : #2f2623 : -46
18 : #342a27 : -44
20 : #3a2f2c : -42
22 : #403430 : -40
24 : #463835 : -38
26 : #4c3d39 : -36
28 : #51423d : -34
30 : #574642 : -32
32 : #5d4b46 : -30
34 : #63504b : -28
36 : #69554f : -26
38 : #6e5953 : -24
40 : #745e58 : -22
42 : #7a635c : -20
44 : #806760 : -18
46 : #866c65 : -16
48 : #8c7169 : -14
50 : #91756e : -12
52 : #967b73 : -10
54 : #9a8079 : -8
56 : #9f867f : -6
58 : #a38b85 : -4
60 : #a7918b : -2
62 : #ac9691 : ±0
64 : #b09c96 : +2
66 : #b4a19c : +4
68 : #b9a7a2 : +6
70 : #bdaca8 : +8
72 : #c2b2ae : +10
74 : #c6b7b3 : +12
76 : #cabdb9 : +14
78 : #cfc2bf : +16
80 : #d3c8c5 : +18
82 : #d8cdcb : +20
84 : #dcd3d0 : +22
86 : #e0d8d6 : +24
88 : #e5dedc : +26
90 : #e9e3e2 : +28
92 : #ede9e8 : +30
94 : #f2eeee : +32
96 : #f6f4f3 : +34
98 : #fbf9f9 : +36
100 : #ffffff : +38
CSS入門、作ってます。
text-shadow