#a59d93
RGB
| 赤 | 165 |
|---|---|
| 緑 | 157 |
| 青 | 147 |
HSL
| 色相 | 33° |
|---|---|
| 彩度 | 9% |
| 明度 | 61% |
| 輝度 | 62% |
３桁の色
補色
反転色
RGB ( 赤 = 165, 緑 = 157, 青 = 147 )
HSL ( 色相 = 33°, 彩度 = 9%, 明度 = 61% )
H : 色相 ( 33° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #a59393 : -30
13 : #a59693 : -20
23 : #a59993 : -10
33 : #a59c93 : ±0
43 : #a59f93 : +10
53 : #a5a293 : +20
63 : #a4a593 : +30
73 : #a1a593 : +40
83 : #9ea593 : +50
93 : #9ba593 : +60
103 : #98a593 : +70
113 : #95a593 : +80
123 : #93a593 : +90
133 : #93a596 : +100
143 : #93a599 : +110
153 : #93a59c : +120
163 : #93a59f : +130
173 : #93a5a2 : +140
183 : #93a4a5 : +150
193 : #93a1a5 : +160
203 : #939ea5 : +170
213 : #939ba5 : +180
223 : #9398a5 : +190
233 : #9395a5 : +200
243 : #9393a5 : +210
253 : #9693a5 : +220
263 : #9993a5 : +230
273 : #9c93a5 : +240
283 : #9f93a5 : +250
293 : #a293a5 : +260
303 : #a593a4 : +270
313 : #a593a1 : +280
323 : #a5939e : +290
333 : #a5939b : +300
343 : #a59398 : +310
353 : #a59395 : +320
23 : #a59993 : -10
24 : #a59a93 : -9
25 : #a59a93 : -8
26 : #a59a93 : -7
27 : #a59b93 : -6
28 : #a59b93 : -5
29 : #a59b93 : -4
30 : #a59c93 : -3
31 : #a59c93 : -2
32 : #a59c93 : -1
33 : #a59c93 : ±0
34 : #a59d93 : +1
35 : #a59d93 : +2
36 : #a59d93 : +3
37 : #a59e93 : +4
38 : #a59e93 : +5
39 : #a59e93 : +6
40 : #a59f93 : +7
41 : #a59f93 : +8
42 : #a59f93 : +9
43 : #a59f93 : +10
S : 彩度 ( 9% )
(0%) 渋い ～ 鮮やか (100%)
1 : #9d9c9b : -8
3 : #9f9c99 : -6
5 : #a19c97 : -4
7 : #a39c95 : -2
9 : #a59c93 : ±0
11 : #a69d91 : +2
13 : #a89d8f : +4
15 : #aa9d8d : +6
17 : #ac9d8b : +8
19 : #ae9d89 : +10
21 : #b09e87 : +12
23 : #b29e85 : +14
25 : #b49e83 : +16
27 : #b69e81 : +18
29 : #b89e7f : +20
31 : #ba9f7d : +22
33 : #bc9f7b : +24
35 : #be9f79 : +26
37 : #c09f77 : +28
39 : #c29f75 : +30
41 : #c4a073 : +32
43 : #c6a071 : +34
45 : #c8a06f : +36
47 : #caa06d : +38
49 : #cca06b : +40
51 : #cea169 : +42
53 : #d0a167 : +44
55 : #d2a165 : +46
57 : #d4a163 : +48
59 : #d6a161 : +50
61 : #d8a25f : +52
63 : #daa25d : +54
65 : #dca25b : +56
67 : #dea259 : +58
69 : #e0a257 : +60
71 : #e2a355 : +62
73 : #e4a353 : +64
75 : #e6a351 : +66
77 : #e8a34f : +68
79 : #eaa34d : +70
81 : #eca44b : +72
83 : #eea449 : +74
85 : #f0a447 : +76
87 : #f2a445 : +78
89 : #f4a443 : +80
91 : #f6a541 : +82
93 : #f8a53f : +84
95 : #faa53d : +86
97 : #fca53b : +88
99 : #fea539 : +90
L : 明度 ( 61% )
(0%) 暗い ～ 明るい (100%)
1 : #030302 : -60
3 : #080807 : -58
5 : #0e0d0c : -56
7 : #131210 : -54
9 : #191715 : -52
11 : #1f1c1a : -50
13 : #24211e : -48
15 : #2a2723 : -46
17 : #2f2c27 : -44
19 : #35312c : -42
21 : #3a3631 : -40
23 : #403b35 : -38
25 : #45403a : -36
27 : #4b453f : -34
29 : #514b43 : -32
31 : #565048 : -30
33 : #5c554d : -28
35 : #615a51 : -26
37 : #675f56 : -24
39 : #6c645a : -22
41 : #72695f : -20
43 : #786f64 : -18
45 : #7d7468 : -16
47 : #83796d : -14
49 : #887e72 : -12
51 : #8d8377 : -10
53 : #92887c : -8
55 : #978d82 : -6
57 : #9b9287 : -4
59 : #a0978d : -2
61 : #a59c93 : ±0
63 : #a9a198 : +2
65 : #aea79e : +4
67 : #b2aca3 : +6
69 : #b7b1a9 : +8
71 : #bcb6ae : +10
73 : #c0bbb4 : +12
75 : #c5c0ba : +14
77 : #cac5bf : +16
79 : #cecac5 : +18
81 : #d3cfca : +20
83 : #d8d4d0 : +22
85 : #dcd9d5 : +24
87 : #e1dedb : +26
89 : #e5e3e0 : +28
91 : #eae8e6 : +30
93 : #efedec : +32
95 : #f3f2f1 : +34
97 : #f8f7f7 : +36
99 : #fdfcfc : +38
CSS入門、作ってます。
text-shadow