#a13caf
RGB
| 赤 | 161 |
|---|---|
| 緑 | 60 |
| 青 | 175 |
HSL
| 色相 | 293° |
|---|---|
| 彩度 | 49% |
| 明度 | 46% |
| 輝度 | 41% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 161, 緑 = 60, 青 = 175 )
HSL ( 色相 = 293°, 彩度 = 49%, 明度 = 46% )
H : 色相 ( 293° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #af423c : -290
13 : #af553c : -280
23 : #af683c : -270
33 : #af7b3c : -260
43 : #af8e3c : -250
53 : #afa13c : -240
63 : #a9af3c : -230
73 : #96af3c : -220
83 : #83af3c : -210
93 : #70af3c : -200
103 : #5caf3c : -190
113 : #49af3c : -180
123 : #3caf42 : -170
133 : #3caf55 : -160
143 : #3caf68 : -150
153 : #3caf7b : -140
163 : #3caf8e : -130
173 : #3cafa1 : -120
183 : #3ca9af : -110
193 : #3c96af : -100
203 : #3c83af : -90
213 : #3c70af : -80
223 : #3c5caf : -70
233 : #3c49af : -60
243 : #423caf : -50
253 : #553caf : -40
263 : #683caf : -30
273 : #7b3caf : -20
283 : #8e3caf : -10
293 : #a13caf : ±0
303 : #af3ca9 : +10
313 : #af3c96 : +20
323 : #af3c83 : +30
333 : #af3c70 : +40
343 : #af3c5c : +50
353 : #af3c49 : +60
283 : #8e3caf : -10
284 : #903caf : -9
285 : #923caf : -8
286 : #943caf : -7
287 : #963caf : -6
288 : #983caf : -5
289 : #9a3caf : -4
290 : #9c3caf : -3
291 : #9e3caf : -2
292 : #9f3caf : -1
293 : #a13caf : ±0
294 : #a33caf : +1
295 : #a53caf : +2
296 : #a73caf : +3
297 : #a93caf : +4
298 : #ab3caf : +5
299 : #ad3caf : +6
300 : #af3caf : +7
301 : #af3cad : +8
302 : #af3cab : +9
303 : #af3ca9 : +10
S : 彩度 ( 49% )
(0%) 渋い ～ 鮮やか (100%)
1 : #767476 : -48
3 : #787279 : -46
5 : #7a6f7b : -44
7 : #7c6d7e : -42
9 : #7d6b80 : -40
11 : #7f6882 : -38
13 : #816685 : -36
15 : #836487 : -34
17 : #856189 : -32
19 : #865f8c : -30
21 : #885d8e : -28
23 : #8a5a90 : -26
25 : #8c5893 : -24
27 : #8e5695 : -22
29 : #8f5397 : -20
31 : #91519a : -18
33 : #934f9c : -16
35 : #954c9e : -14
37 : #974aa1 : -12
39 : #9848a3 : -10
41 : #9a45a5 : -8
43 : #9c43a8 : -6
45 : #9e41aa : -4
47 : #a03eac : -2
49 : #a13caf : ±0
51 : #a339b1 : +2
53 : #a537b3 : +4
55 : #a735b6 : +6
57 : #a932b8 : +8
59 : #aa30bb : +10
61 : #ac2ebd : +12
63 : #ae2bbf : +14
65 : #b029c2 : +16
67 : #b227c4 : +18
69 : #b324c6 : +20
71 : #b522c9 : +22
73 : #b720cb : +24
75 : #b91dcd : +26
77 : #bb1bd0 : +28
79 : #bc19d2 : +30
81 : #be16d4 : +32
83 : #c014d7 : +34
85 : #c212d9 : +36
87 : #c40fdb : +38
89 : #c50dde : +40
91 : #c70be0 : +42
93 : #c908e2 : +44
95 : #cb06e5 : +46
97 : #cd04e7 : +48
99 : #ce01e9 : +50
L : 明度 ( 46% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -46
2 : #070308 : -44
4 : #0e050f : -42
6 : #150817 : -40
8 : #1c0a1e : -38
10 : #230d26 : -36
12 : #2a102e : -34
14 : #311235 : -32
16 : #38153d : -30
18 : #3f1744 : -28
20 : #461a4c : -26
22 : #4d1d54 : -24
24 : #541f5b : -22
26 : #5b2263 : -20
28 : #62246a : -18
30 : #692772 : -16
32 : #702a7a : -14
34 : #772c81 : -12
36 : #7e2f89 : -10
38 : #853190 : -8
40 : #8c3498 : -6
42 : #9337a0 : -4
44 : #9a39a7 : -2
46 : #a13caf : ±0
48 : #a83eb6 : +2
50 : #af41be : +4
52 : #b349c1 : +6
54 : #b650c3 : +8
56 : #b958c6 : +10
58 : #bc5fc8 : +12
60 : #bf67cb : +14
62 : #c36fce : +16
64 : #c676d0 : +18
66 : #c97ed3 : +20
68 : #cc85d5 : +22
70 : #cf8dd8 : +24
72 : #d295db : +26
74 : #d69cdd : +28
76 : #d9a4e0 : +30
78 : #dcabe2 : +32
80 : #dfb3e5 : +34
82 : #e2bbe8 : +36
84 : #e6c2ea : +38
86 : #e9caed : +40
88 : #ecd1ef : +42
90 : #efd9f2 : +44
92 : #f2e1f5 : +46
94 : #f5e8f7 : +48
96 : #f9f0fa : +50
98 : #fcf7fc : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow