LECȚIA 23 DIN 100

Descrie o culoare cu hsl()

Controlează nuanța, saturația și luminozitatea.

Sursă oficialăW3C CSS Color — hsl()Revizuit: 2026-08-26
PASUL 1 · ÎNVAȚĂ

Cum funcționează

hsl() separă nuanța de saturație și luminozitate. Ultimele două componente sunt procente.

Exemplu corect
.accent { color: hsl(262 83% 58%); }

Nuanța 262 produce violet, iar procentele îi stabilesc intensitatea.

Greșeală frecventă
.accent { color: hsl(262 83 58); }

Saturația și luminozitatea fără procente nu formează valoarea cerută.

PASUL 2 · APLICĂ

Exercițiul tău

Completează culoarea accentului cu hsl(262 83% 58%).

PASUL 3 · CONSTRUIEȘTE

Scrie și vezi rezultatul

index.htmlCSS
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
PASUL 4 · VERIFICĂ

Ce trebuie să treacă

0%neverificat
  • Accentul folosește valoarea hsl completă.
  • Textul accentuat este prezent.
Explică-mi logica rezolvării

Cele trei componente descriu o singură culoare într-o formă ușor de ajustat.