Cores com CSS
Existem várias forma de definir cores utilizando CSS
Cores pré-definidas
Palavra-chave "currentcolor"
Hexadecimal
Hexadecimal com transparência
RGB
RGBA
HSL - matriz, saturação e luminosidade
HSLA - com transparência
#pre-definidas { background: red; } #currente-color { background: transparent; color: blue; border: 2px solid currentColor; } #hex { color: #ff89ff; } #hex-transparencia { color: #0000ff80; } #rgb { color: rgb(255, 120, 100); } #rgba { color: rgba(255, 0, 0, 0.5); } #hsl { background: hsl(240, 100%, 50%); } #hsla { color: hsla(240, 100%, 50%, 0.5); }
<h1>Cores com CSS</h1> <p>Existem várias forma de definir cores utilizando CSS</p> <div id="pre-definidas">Cores pré-definidas</div> <div id="currente-color">Palavra-chave "currrentcolor"</div> <div id="hex">Hexadecimal</div> <div id="hex-transparencia">Hexadecimal com transparência</div> <div id="rgb">RGB</div> <div id="rgba">RGBA</div> <div id="hsl">HSL - matriz, saturação e luminosidade</div> <div id="hsla">HSLA - com transparência</div>