CSS Culori, Hexadecimal, RGB, coduri
CSS Tutorial » CSS Culori
Proprietatea culoare definește culoarea textului (culoarea generală din prim plan) a unui element.
Definiția valorilor culorilor
Culorile din CSS sunt cel mai adesea specificate în următoarele formate:
- un cuvânt cheie de culoare - cum ar fi: „roșu”, „verde”, „albastru”, „transparent” etc.
- o valoare HEX - cum ar fi: "# ff0000", "# 00ff00" etc.
- o valoare RGB, cum ar fi: „rgb (255, 0, 0)”
CSS3 a introdus alte câteva formate de culoare, cum ar fi HSL, HSLA și RGBA, care acceptă, de asemenea, transparența alfa.
Culori CSS de bază
Iată un tabel cu numele culorilor de bază care au fost în CSS de la CSS1.
Culori recunoscute de majoritatea browserelor
Cele mai importante culori recunoscute de majoritatea browserelor:
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Cuvinte cheie Culori
CSS definește câteva cuvinte cheie color care vă permit să specificați valorile culorilor într-un mod ușor.
Aceste cuvinte cheie de bază de culoare sunt: Aqua, Negru, Albastru, Fuchsia, Gri, Verde, Lime, Maroon, Navy, Olive, Violet, Red, Silver, Teal, Alb si Galben. Numele culorilor nu sunt sensibile la majuscule și minuscule.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Specificați culorile în CSS folosind nume de culori</title>
<style>
h1 {
color: red;
}
p {
color: blue;
}
</style>
</head>
<body>
<h1>Acesta este un titlu</h1>
<p>Acesta este un paragraf.</p>
</body>
</html>
Etichete: nume de culori CSS, rgba, generator, transparent, albastru, degrade, fundal
Valorile culorii HEX
Hex (prescurtare pentru Hexadecimal) este de departe cea mai utilizată metodă de definire a culorii pe web.
Hex reprezintă culori folosind un cod din șase cifre, precedat de un caracter hash, cum ar fi #rrggbb, în care rr, gg și bb reprezintă componenta roșie, verde și albastră a culorii respectiv.
Valoarea fiecărei componente poate varia de la 00 (fără culoare) și FF (culoare completă) în notație hexazecimală sau 0 și 255 în notație zecimală echivalentă. Prin urmare, #ffffff reprezintă culoarea albă și # 000000 reprezintă culoarea neagră.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Specificați culorile în CSS utilizând notația hexagonală</title>
<style>
h1 {
color: #ffa500;
}
p {
color: #00ff00;
}
</style>
</head>
<body>
<h1>Acesta este un titlu</h1>
<p>Acesta este un paragraf.</p>
</body>
</html>
Valorile culorilor RGB
Culorile pot fi definite în modelul RGB (roșu, verde și albastru) folosind notația funcțională rgb ().
Funcția rgb () acceptă trei valori separate prin virgule, care specifică cantitatea de componentă roșie, verde și albastră a culorii. Aceste valori sunt specificate în mod obișnuit ca numere între 0 și 255, unde 0 reprezintă fără culoare și 255 reprezintă culoare completă sau maximă .
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Specificați culorile în CSS utilizând valorile RGB</title>
<style>
h1 {
color: rgb(255, 165, 0);
}
p {
color: rgb(0, 255, 0);
}
</style>
</head>
<body>
<h1>Acesta este un titlu</h1>
<p>Acesta este un paragraf.</p>
</body>
</html>
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.
Find here examples of creative and unique website layouts.
Find here examples of creative and unique website CSS HTML menu.