#a800ac
RGB
赤 | 168 |
---|---|
緑 | 0 |
青 | 172 |
HSL
色相 | 299° |
---|---|
彩度 | 100% |
明度 | 34% |
輝度 | 27% |
3桁の色
補色
反転色
RGB ( 赤 = 168, 緑 = 0, 青 = 172 )
HSL ( 色相 = 299°, 彩度 = 100%, 明度 = 34% )
H : 色相 ( 299° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #ad1a00 : -290
19 : #ad3700 : -280
29 : #ad5400 : -270
39 : #ad7100 : -260
49 : #ad8e00 : -250
59 : #adab00 : -240
69 : #93ad00 : -230
79 : #76ad00 : -220
89 : #5aad00 : -210
99 : #3dad00 : -200
109 : #20ad00 : -190
119 : #03ad00 : -180
129 : #00ad1a : -170
139 : #00ad37 : -160
149 : #00ad54 : -150
159 : #00ad71 : -140
169 : #00ad8e : -130
179 : #00adab : -120
189 : #0093ad : -110
199 : #0076ad : -100
209 : #005aad : -90
219 : #003dad : -80
229 : #0020ad : -70
239 : #0003ad : -60
249 : #1a00ad : -50
259 : #3700ad : -40
269 : #5400ad : -30
279 : #7100ad : -20
289 : #8e00ad : -10
299 : #ab00ad : ±0
309 : #ad0093 : +10
319 : #ad0076 : +20
329 : #ad005a : +30
339 : #ad003d : +40
349 : #ad0020 : +50
359 : #ad0003 : +60
289 : #8e00ad : -10
290 : #9100ad : -9
291 : #9300ad : -8
292 : #9600ad : -7
293 : #9900ad : -6
294 : #9c00ad : -5
295 : #9f00ad : -4
296 : #a200ad : -3
297 : #a500ad : -2
298 : #a800ad : -1
299 : #ab00ad : ±0
300 : #ad00ad : +1
301 : #ad00ab : +2
302 : #ad00a8 : +3
303 : #ad00a5 : +4
304 : #ad00a2 : +5
305 : #ad009f : +6
306 : #ad009c : +7
307 : #ad0099 : +8
308 : #ad0096 : +9
309 : #ad0093 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #565656 : -100
2 : #585558 : -98
4 : #5a535a : -96
6 : #5c515c : -94
8 : #5d505e : -92
10 : #5f4e5f : -90
12 : #614c61 : -88
14 : #624b63 : -86
16 : #644965 : -84
18 : #664766 : -82
20 : #674568 : -80
22 : #69446a : -78
24 : #6b426c : -76
26 : #6c406d : -74
28 : #6e3e6f : -72
30 : #703d71 : -70
32 : #723b72 : -68
34 : #733974 : -66
36 : #753776 : -64
38 : #773678 : -62
40 : #783479 : -60
42 : #7a327b : -58
44 : #7c317d : -56
46 : #7d2f7f : -54
48 : #7f2d80 : -52
50 : #812b82 : -50
52 : #822a84 : -48
54 : #842886 : -46
56 : #862687 : -44
58 : #872489 : -42
60 : #89238b : -40
62 : #8b218c : -38
64 : #8c1f8e : -36
66 : #8e1d90 : -34
68 : #901c92 : -32
70 : #911a93 : -30
72 : #931895 : -28
74 : #951797 : -26
76 : #961599 : -24
78 : #98139a : -22
80 : #9a119c : -20
82 : #9b109e : -18
84 : #9d0ea0 : -16
86 : #9f0ca1 : -14
88 : #a00aa3 : -12
90 : #a209a5 : -10
92 : #a407a6 : -8
94 : #a505a8 : -6
96 : #a703aa : -4
98 : #a902ac : -2
100 : #ab00ad : ±0
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #0a000a : -32
4 : #140014 : -30
6 : #1e001f : -28
8 : #280029 : -26
10 : #320033 : -24
12 : #3c003d : -22
14 : #460047 : -20
16 : #500052 : -18
18 : #5a005c : -16
20 : #640066 : -14
22 : #6e0070 : -12
24 : #78007a : -10
26 : #820085 : -8
28 : #8c008f : -6
30 : #960099 : -4
32 : #a000a3 : -2
34 : #ab00ad : ±0
36 : #b500b8 : +2
38 : #bf00c2 : +4
40 : #c900cc : +6
42 : #d300d6 : +8
44 : #dd00e0 : +10
46 : #e700eb : +12
48 : #f100f5 : +14
50 : #fb00ff : +16
52 : #fb0aff : +18
54 : #fb14ff : +20
56 : #fb1fff : +22
58 : #fb29ff : +24
60 : #fc33ff : +26
62 : #fc3dff : +28
64 : #fc47ff : +30
66 : #fc52ff : +32
68 : #fc5cff : +34
70 : #fc66ff : +36
72 : #fd70ff : +38
74 : #fd7aff : +40
76 : #fd85ff : +42
78 : #fd8fff : +44
80 : #fd99ff : +46
82 : #fda3ff : +48
84 : #feadff : +50
86 : #feb8ff : +52
88 : #fec2ff : +54
90 : #feccff : +56
92 : #fed6ff : +58
94 : #fee0ff : +60
96 : #ffebff : +62
98 : #fff5ff : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow