#abae91
RGB
| 赤 | 171 |
|---|---|
| 緑 | 174 |
| 青 | 145 |
HSL
| 色相 | 66° |
|---|---|
| 彩度 | 15% |
| 明度 | 63% |
| 輝度 | 67% |
３桁の色
補色
反転色
RGB ( 赤 = 171, 緑 = 174, 青 = 145 )
HSL ( 色相 = 66°, 彩度 = 15%, 明度 = 63% )
H : 色相 ( 66° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #af9592 : -60
16 : #af9a92 : -50
26 : #af9f92 : -40
36 : #afa392 : -30
46 : #afa892 : -20
56 : #afad92 : -10
66 : #acaf92 : ±0
76 : #a7af92 : +10
86 : #a3af92 : +20
96 : #9eaf92 : +30
106 : #99af92 : +40
116 : #94af92 : +50
126 : #92af95 : +60
136 : #92af9a : +70
146 : #92af9f : +80
156 : #92afa3 : +90
166 : #92afa8 : +100
176 : #92afad : +110
186 : #92acaf : +120
196 : #92a7af : +130
206 : #92a3af : +140
216 : #929eaf : +150
226 : #9299af : +160
236 : #9294af : +170
246 : #9592af : +180
256 : #9a92af : +190
266 : #9f92af : +200
276 : #a392af : +210
286 : #a892af : +220
296 : #ad92af : +230
306 : #af92ac : +240
316 : #af92a7 : +250
326 : #af92a3 : +260
336 : #af929e : +270
346 : #af9299 : +280
356 : #af9294 : +290
56 : #afad92 : -10
57 : #afad92 : -9
58 : #afae92 : -8
59 : #afae92 : -7
60 : #afaf92 : -6
61 : #aeaf92 : -5
62 : #aeaf92 : -4
63 : #adaf92 : -3
64 : #adaf92 : -2
65 : #acaf92 : -1
66 : #acaf92 : ±0
67 : #acaf92 : +1
68 : #abaf92 : +2
69 : #abaf92 : +3
70 : #aaaf92 : +4
71 : #aaaf92 : +5
72 : #a9af92 : +6
73 : #a9af92 : +7
74 : #a8af92 : +8
75 : #a8af92 : +9
76 : #a7af92 : +10
S : 彩度 ( 15% )
(0%) 渋い ～ 鮮やか (100%)
1 : #a1a2a0 : -14
3 : #a3a39e : -12
5 : #a4a59c : -10
7 : #a6a79a : -8
9 : #a7a998 : -6
11 : #a9ab96 : -4
13 : #aaad94 : -2
15 : #acaf92 : ±0
17 : #adb191 : +2
19 : #afb38f : +4
21 : #b1b48d : +6
23 : #b2b68b : +8
25 : #b4b889 : +10
27 : #b5ba87 : +12
29 : #b7bc85 : +14
31 : #b8be83 : +16
33 : #bac082 : +18
35 : #bbc280 : +20
37 : #bdc47e : +22
39 : #bec57c : +24
41 : #c0c77a : +26
43 : #c1c978 : +28
45 : #c3cb76 : +30
47 : #c4cd74 : +32
49 : #c6cf72 : +34
51 : #c7d171 : +36
53 : #c9d36f : +38
55 : #cad56d : +40
57 : #ccd66b : +42
59 : #cdd869 : +44
61 : #cfda67 : +46
63 : #d0dc65 : +48
65 : #d2de63 : +50
67 : #d3e061 : +52
69 : #d5e260 : +54
71 : #d6e45e : +56
73 : #d8e65c : +58
75 : #d9e75a : +60
77 : #dbe958 : +62
79 : #dceb56 : +64
81 : #deed54 : +66
83 : #dfef52 : +68
85 : #e1f150 : +70
87 : #e2f34f : +72
89 : #e4f54d : +74
91 : #e5f74b : +76
93 : #e7f849 : +78
95 : #e8fa47 : +80
97 : #eafc45 : +82
99 : #ebfe43 : +84
L : 明度 ( 63% )
(0%) 暗い ～ 明るい (100%)
1 : #030302 : -62
3 : #090907 : -60
5 : #0e0f0b : -58
7 : #14150f : -56
9 : #1a1a14 : -54
11 : #1f2018 : -52
13 : #25261c : -50
15 : #2b2c21 : -48
17 : #313225 : -46
19 : #363829 : -44
21 : #3c3e2e : -42
23 : #424332 : -40
25 : #474936 : -38
27 : #4d4f3b : -36
29 : #53553f : -34
31 : #595b43 : -32
33 : #5e6148 : -30
35 : #64674c : -28
37 : #6a6d50 : -26
39 : #6f7255 : -24
41 : #757859 : -22
43 : #7b7e5d : -20
45 : #818462 : -18
47 : #868a66 : -16
49 : #8c906a : -14
51 : #91956f : -12
53 : #969975 : -10
55 : #9a9d7b : -8
57 : #9fa281 : -6
59 : #a3a687 : -4
61 : #a7aa8d : -2
63 : #acaf92 : ±0
65 : #b0b398 : +2
67 : #b5b79e : +4
69 : #b9bca4 : +6
71 : #bec0aa : +8
73 : #c2c4b0 : +10
75 : #c7c9b6 : +12
77 : #cbcdbc : +14
79 : #d0d1c1 : +16
81 : #d4d6c7 : +18
83 : #d9dacd : +20
85 : #ddded3 : +22
87 : #e2e3d9 : +24
89 : #e6e7df : +26
91 : #ebebe5 : +28
93 : #eff0ea : +30
95 : #f4f4f0 : +32
97 : #f8f8f6 : +34
99 : #fdfdfc : +36
CSS入門、作ってます。
text-shadow