#a58b88
RGB
| 赤 | 165 |
|---|---|
| 緑 | 139 |
| 青 | 136 |
HSL
| 色相 | 6° |
|---|---|
| 彩度 | 14% |
| 明度 | 59% |
| 輝度 | 57% |
３桁の色
補色
反転色
RGB ( 赤 = 165, 緑 = 139, 青 = 136 )
HSL ( 色相 = 6°, 彩度 = 14%, 明度 = 59% )
H : 色相 ( 6° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #a58b88 : ±0
16 : #a59088 : +10
26 : #a59488 : +20
36 : #a59988 : +30
46 : #a59e88 : +40
56 : #a5a388 : +50
66 : #a2a588 : +60
76 : #9da588 : +70
86 : #98a588 : +80
96 : #94a588 : +90
106 : #8fa588 : +100
116 : #8aa588 : +110
126 : #88a58b : +120
136 : #88a590 : +130
146 : #88a594 : +140
156 : #88a599 : +150
166 : #88a59e : +160
176 : #88a5a3 : +170
186 : #88a2a5 : +180
196 : #889da5 : +190
206 : #8898a5 : +200
216 : #8894a5 : +210
226 : #888fa5 : +220
236 : #888aa5 : +230
246 : #8b88a5 : +240
256 : #9088a5 : +250
266 : #9488a5 : +260
276 : #9988a5 : +270
286 : #9e88a5 : +280
296 : #a388a5 : +290
306 : #a588a2 : +300
316 : #a5889d : +310
326 : #a58898 : +320
336 : #a58894 : +330
346 : #a5888f : +340
356 : #a5888a : +350
356 : #a5888a : +350
357 : #a58889 : +351
358 : #a58889 : +352
359 : #a58888 : +353
0 : #a58888 : -6
1 : #a58888 : -5
2 : #a58988 : -4
3 : #a58988 : -3
4 : #a58a88 : -2
5 : #a58a88 : -1
6 : #a58b88 : ±0
7 : #a58b88 : +1
8 : #a58c88 : +2
9 : #a58c88 : +3
10 : #a58d88 : +4
11 : #a58d88 : +5
12 : #a58e88 : +6
13 : #a58e88 : +7
14 : #a58f88 : +8
15 : #a58f88 : +9
16 : #a59088 : +10
S : 彩度 ( 14% )
(0%) 渋い ～ 鮮やか (100%)
0 : #969696 : -14
2 : #999594 : -12
4 : #9b9392 : -10
6 : #9d9190 : -8
8 : #9f908e : -6
10 : #a18e8c : -4
12 : #a38c8a : -2
14 : #a58b88 : ±0
16 : #a78986 : +2
18 : #a98784 : +4
20 : #ab8682 : +6
22 : #ad847f : +8
24 : #b0827d : +10
26 : #b2817b : +12
28 : #b47f79 : +14
30 : #b67d77 : +16
32 : #b87c75 : +18
34 : #ba7a73 : +20
36 : #bc7871 : +22
38 : #be776f : +24
40 : #c0756d : +26
42 : #c2736b : +28
44 : #c47268 : +30
46 : #c77066 : +32
48 : #c96e64 : +34
50 : #cb6d62 : +36
52 : #cd6b60 : +38
54 : #cf695e : +40
56 : #d1685c : +42
58 : #d3665a : +44
60 : #d56458 : +46
62 : #d76356 : +48
64 : #d96154 : +50
66 : #db5f51 : +52
68 : #de5e4f : +54
70 : #e05c4d : +56
72 : #e25a4b : +58
74 : #e45949 : +60
76 : #e65747 : +62
78 : #e85545 : +64
80 : #ea5443 : +66
82 : #ec5241 : +68
84 : #ee503f : +70
86 : #f04f3d : +72
88 : #f24d3a : +74
90 : #f54b38 : +76
92 : #f74a36 : +78
94 : #f94834 : +80
96 : #fb4632 : +82
98 : #fd4430 : +84
100 : #ff432e : +86
L : 明度 ( 59% )
(0%) 暗い ～ 明るい (100%)
1 : #030202 : -58
3 : #090707 : -56
5 : #0f0b0b : -54
7 : #14100f : -52
9 : #1a1414 : -50
11 : #201918 : -48
13 : #261d1d : -46
15 : #2c2221 : -44
17 : #312625 : -42
19 : #372b2a : -40
21 : #3d302e : -38
23 : #433432 : -36
25 : #493937 : -34
27 : #4e3d3b : -32
29 : #544240 : -30
31 : #5a4644 : -28
33 : #604b48 : -26
35 : #664f4d : -24
37 : #6c5451 : -22
39 : #715856 : -20
41 : #775d5a : -18
43 : #7d615e : -16
45 : #836663 : -14
47 : #896a67 : -12
49 : #8e6f6b : -10
51 : #947471 : -8
53 : #987a76 : -6
55 : #9c7f7c : -4
57 : #a18582 : -2
59 : #a58b88 : ±0
61 : #a9908e : +2
63 : #ae9693 : +4
65 : #b29c99 : +6
67 : #b7a19f : +8
69 : #bba7a5 : +10
71 : #bfadab : +12
73 : #c4b2b1 : +14
75 : #c8b8b6 : +16
77 : #cdbebc : +18
79 : #d1c3c2 : +20
81 : #d5c9c8 : +22
83 : #dacfce : +24
85 : #ded4d3 : +26
87 : #e2dad9 : +28
89 : #e7e0df : +30
91 : #ebe5e5 : +32
93 : #f0ebeb : +34
95 : #f4f1f0 : +36
97 : #f8f6f6 : +38
99 : #fdfcfc : +40
CSS入門、作ってます。
text-shadow