#ac918b
RGB
| 赤 | 172 |
|---|---|
| 緑 | 145 |
| 青 | 139 |
HSL
| 色相 | 11° |
|---|---|
| 彩度 | 17% |
| 明度 | 61% |
| 輝度 | 60% |
３桁の色
補色
反転色
RGB ( 赤 = 172, 緑 = 145, 青 = 139 )
HSL ( 色相 = 11°, 彩度 = 17%, 明度 = 61% )
H : 色相 ( 11° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #ac8b8b : -10
11 : #ac918b : ±0
21 : #ac968b : +10
31 : #ac9c8b : +20
41 : #aca28b : +30
51 : #aca78b : +40
61 : #acac8b : +50
71 : #a6ac8b : +60
81 : #a1ac8b : +70
91 : #9bac8b : +80
101 : #95ac8b : +90
111 : #90ac8b : +100
121 : #8bac8b : +110
131 : #8bac91 : +120
141 : #8bac96 : +130
151 : #8bac9c : +140
161 : #8baca2 : +150
171 : #8baca7 : +160
181 : #8bacac : +170
191 : #8ba6ac : +180
201 : #8ba1ac : +190
211 : #8b9bac : +200
221 : #8b95ac : +210
231 : #8b90ac : +220
241 : #8b8bac : +230
251 : #918bac : +240
261 : #968bac : +250
271 : #9c8bac : +260
281 : #a28bac : +270
291 : #a78bac : +280
301 : #ac8bac : +290
311 : #ac8ba6 : +300
321 : #ac8ba1 : +310
331 : #ac8b9b : +320
341 : #ac8b95 : +330
351 : #ac8b90 : +340
1 : #ac8b8b : -10
2 : #ac8c8b : -9
3 : #ac8c8b : -8
4 : #ac8d8b : -7
5 : #ac8d8b : -6
6 : #ac8e8b : -5
7 : #ac8f8b : -4
8 : #ac8f8b : -3
9 : #ac908b : -2
10 : #ac908b : -1
11 : #ac918b : ±0
12 : #ac918b : +1
13 : #ac928b : +2
14 : #ac938b : +3
15 : #ac938b : +4
16 : #ac948b : +5
17 : #ac948b : +6
18 : #ac958b : +7
19 : #ac958b : +8
20 : #ac968b : +9
21 : #ac968b : +10
S : 彩度 ( 17% )
(0%) 渋い ～ 鮮やか (100%)
1 : #9d9b9b : -16
3 : #9f9a99 : -14
5 : #a19897 : -12
7 : #a39795 : -10
9 : #a59693 : -8
11 : #a69591 : -6
13 : #a8938f : -4
15 : #aa928d : -2
17 : #ac918b : ±0
19 : #ae9089 : +2
21 : #b08e87 : +4
23 : #b28d85 : +6
25 : #b48c83 : +8
27 : #b68b81 : +10
29 : #b8897f : +12
31 : #ba887d : +14
33 : #bc877b : +16
35 : #be8679 : +18
37 : #c08477 : +20
39 : #c28375 : +22
41 : #c48273 : +24
43 : #c68071 : +26
45 : #c87f6f : +28
47 : #ca7e6d : +30
49 : #cc7d6b : +32
51 : #ce7b69 : +34
53 : #d07a67 : +36
55 : #d27965 : +38
57 : #d47863 : +40
59 : #d67661 : +42
61 : #d8755f : +44
63 : #da745d : +46
65 : #dc735b : +48
67 : #de7159 : +50
69 : #e07057 : +52
71 : #e26f55 : +54
73 : #e46e53 : +56
75 : #e66c51 : +58
77 : #e86b4f : +60
79 : #ea6a4d : +62
81 : #ec694b : +64
83 : #ee6749 : +66
85 : #f06647 : +68
87 : #f26545 : +70
89 : #f46343 : +72
91 : #f66241 : +74
93 : #f8613f : +76
95 : #fa603d : +78
97 : #fc5e3b : +80
99 : #fe5d39 : +82
L : 明度 ( 61% )
(0%) 暗い ～ 明るい (100%)
1 : #030202 : -60
3 : #090706 : -58
5 : #0f0b0b : -56
7 : #15100f : -54
9 : #1b1413 : -52
11 : #211917 : -50
13 : #271e1c : -48
15 : #2d2220 : -46
17 : #332724 : -44
19 : #392b28 : -42
21 : #3f302c : -40
23 : #453431 : -38
25 : #4b3935 : -36
27 : #513d39 : -34
29 : #57423d : -32
31 : #5c4742 : -30
33 : #624b46 : -28
35 : #68504a : -26
37 : #6e544e : -24
39 : #745953 : -22
41 : #7a5d57 : -20
43 : #80625b : -18
45 : #86665f : -16
47 : #8c6b63 : -14
49 : #926f68 : -12
51 : #97756d : -10
53 : #9c7a73 : -8
55 : #a08079 : -6
57 : #a4867f : -4
59 : #a88b85 : -2
61 : #ac918b : ±0
63 : #b19691 : +2
65 : #b59c97 : +4
67 : #b9a29d : +6
69 : #bda7a3 : +8
71 : #c2ada8 : +10
73 : #c6b3ae : +12
75 : #cab8b4 : +14
77 : #cebeba : +16
79 : #d3c4c0 : +18
81 : #d7c9c6 : +20
83 : #dbcfcc : +22
85 : #dfd5d2 : +24
87 : #e3dad8 : +26
89 : #e8e0de : +28
91 : #ece6e4 : +30
93 : #f0ebea : +32
95 : #f4f1f0 : +34
97 : #f9f7f6 : +36
99 : #fdfcfc : +38
CSS入門、作ってます。
text-shadow