Culori HTML HEX
O culoare hexazecimală se scrie ca #RRGGBB, unde RR (roșu), GG (verde) și BB (albastru) sunt numere hexazecimale care setează intensitatea fiecărei componente de culoare.
Valori de Culoare HEX
O culoare HEX are forma #rrggbb, unde rr, gg și bb sunt valori hexazecimale de la 00 la ff (la fel ca de la 0 la 255 în zecimal).
De exemplu, #ff0000 este roșu, deoarece roșul este la maximum (ff), iar celelalte sunt 00. #00ff00 este verde din același motiv. Setează toate la 00 pentru negru și toate la ff pentru alb.
Exemplu
Șase culori setate cu valori HEX.
Prompt
O pagină care afișează șase blocuri colorate, fiecare cu fundalul setat printr-o valoare HEX: #ff0000, #0000ff, #3cb371, #ee82ee, #ffa500 și #6a5acd, fiecare etichetat cu valoarea sa.
Output: pagină HTML completă
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Culori Hex</title>
</head>
<body>
<h1 style="background-color:#ff0000;">#ff0000</h1>
<h1 style="background-color:#0000ff;">#0000ff</h1>
<h1 style="background-color:#3cb371;">#3cb371</h1>
<h1 style="background-color:#ee82ee;">#ee82ee</h1>
<h1 style="background-color:#ffa500;">#ffa500</h1>
<h1 style="background-color:#6a5acd;">#6a5acd</h1>
</body>
</html>
Nuanțe de Gri
Nuanțele de gri se obțin folosind aceeași valoare pentru toate cele trei componente.
Exemplu
Șase nuanțe de gri create cu componente HEX egale.
Prompt
O pagină care afișează șase nuanțe de gri ca blocuri folosind valori HEX cu componente egale: #404040, #686868, #a0a0a0, #bebebe, #dcdcdc și #f8f8f8.
Output: pagină HTML completă
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nuanțe de Gri</title>
</head>
<body>
<h1 style="background-color:#404040;">#404040</h1>
<h1 style="background-color:#686868;">#686868</h1>
<h1 style="background-color:#a0a0a0;">#a0a0a0</h1>
<h1 style="background-color:#bebebe;">#bebebe</h1>
<h1 style="background-color:#dcdcdc;">#dcdcdc</h1>
<h1 style="background-color:#f8f8f8;">#f8f8f8</h1>
</body>
</html>