#a8a58f
RGB
赤 | 168 |
---|---|
緑 | 165 |
青 | 143 |
HSL
色相 | 53° |
---|---|
彩度 | 13% |
明度 | 61% |
輝度 | 64% |
3桁の色
補色
反転色
RGB ( 赤 = 168, 緑 = 165, 青 = 143 )
HSL ( 色相 = 53°, 彩度 = 13%, 明度 = 61% )
H : 色相 ( 53° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #a8908f : -50
13 : #a8948f : -40
23 : #a8998f : -30
33 : #a89d8f : -20
43 : #a8a18f : -10
53 : #a8a58f : ±0
63 : #a7a88f : +10
73 : #a3a88f : +20
83 : #9fa88f : +30
93 : #9aa88f : +40
103 : #96a88f : +50
113 : #92a88f : +60
123 : #8fa890 : +70
133 : #8fa894 : +80
143 : #8fa899 : +90
153 : #8fa89d : +100
163 : #8fa8a1 : +110
173 : #8fa8a5 : +120
183 : #8fa7a8 : +130
193 : #8fa3a8 : +140
203 : #8f9fa8 : +150
213 : #8f9aa8 : +160
223 : #8f96a8 : +170
233 : #8f92a8 : +180
243 : #908fa8 : +190
253 : #948fa8 : +200
263 : #998fa8 : +210
273 : #9d8fa8 : +220
283 : #a18fa8 : +230
293 : #a58fa8 : +240
303 : #a88fa7 : +250
313 : #a88fa3 : +260
323 : #a88f9f : +270
333 : #a88f9a : +280
343 : #a88f96 : +290
353 : #a88f92 : +300
43 : #a8a18f : -10
44 : #a8a28f : -9
45 : #a8a28f : -8
46 : #a8a28f : -7
47 : #a8a38f : -6
48 : #a8a38f : -5
49 : #a8a48f : -4
50 : #a8a48f : -3
51 : #a8a58f : -2
52 : #a8a58f : -1
53 : #a8a58f : ±0
54 : #a8a68f : +1
55 : #a8a68f : +2
56 : #a8a78f : +3
57 : #a8a78f : +4
58 : #a8a88f : +5
59 : #a8a88f : +6
60 : #a8a88f : +7
61 : #a8a88f : +8
62 : #a8a88f : +9
63 : #a7a88f : +10
S : 彩度 ( 13% )
(0%) 渋い ~ 鮮やか (100%)
1 : #9d9c9b : -12
3 : #9f9e99 : -10
5 : #a19f97 : -8
7 : #a3a195 : -6
9 : #a5a293 : -4
11 : #a6a491 : -2
13 : #a8a58f : ±0
15 : #aaa78d : +2
17 : #aca98b : +4
19 : #aeaa89 : +6
21 : #b0ac87 : +8
23 : #b2ad85 : +10
25 : #b4af83 : +12
27 : #b6b081 : +14
29 : #b8b27f : +16
31 : #bab37d : +18
33 : #bcb57b : +20
35 : #beb679 : +22
37 : #c0b877 : +24
39 : #c2b975 : +26
41 : #c4bb73 : +28
43 : #c6bc71 : +30
45 : #c8be6f : +32
47 : #cabf6d : +34
49 : #ccc16b : +36
51 : #cec269 : +38
53 : #d0c467 : +40
55 : #d2c565 : +42
57 : #d4c763 : +44
59 : #d6c961 : +46
61 : #d8ca5f : +48
63 : #dacc5d : +50
65 : #dccd5b : +52
67 : #decf59 : +54
69 : #e0d057 : +56
71 : #e2d255 : +58
73 : #e4d353 : +60
75 : #e6d551 : +62
77 : #e8d64f : +64
79 : #ead84d : +66
81 : #ecd94b : +68
83 : #eedb49 : +70
85 : #f0dc47 : +72
87 : #f2de45 : +74
89 : #f4df43 : +76
91 : #f6e141 : +78
93 : #f8e23f : +80
95 : #fae43d : +82
97 : #fce63b : +84
99 : #fee739 : +86
L : 明度 ( 61% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -60
3 : #090807 : -58
5 : #0e0e0b : -56
7 : #141410 : -54
9 : #1a1914 : -52
11 : #201f18 : -50
13 : #25241d : -48
15 : #2b2a21 : -46
17 : #313026 : -44
19 : #37352a : -42
21 : #3d3b2f : -40
23 : #424033 : -38
25 : #484637 : -36
27 : #4e4c3c : -34
29 : #545140 : -32
31 : #595745 : -30
33 : #5f5d49 : -28
35 : #65624e : -26
37 : #6b6852 : -24
39 : #706d57 : -22
41 : #76735b : -20
43 : #7c795f : -18
45 : #827e64 : -16
47 : #878468 : -14
49 : #8d896d : -12
51 : #928f72 : -10
53 : #979378 : -8
55 : #9b987d : -6
57 : #a09c83 : -4
59 : #a4a189 : -2
61 : #a8a58f : ±0
63 : #adaa94 : +2
65 : #b1af9a : +4
67 : #b6b3a0 : +6
69 : #bab8a6 : +8
71 : #bfbcab : +10
73 : #c3c1b1 : +12
75 : #c8c6b7 : +14
77 : #cccabd : +16
79 : #d0cfc2 : +18
81 : #d5d3c8 : +20
83 : #d9d8ce : +22
85 : #deddd4 : +24
87 : #e2e1da : +26
89 : #e7e6df : +28
91 : #ebeae5 : +30
93 : #efefeb : +32
95 : #f4f4f1 : +34
97 : #f8f8f6 : +36
99 : #fdfdfc : +38
CSS入門、作ってます。
text-shadow