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.