Palete de culori pentru site-uri web

Pe un site, fiecare culoare are un rol: fundal, text, butoane, linkuri și mesaje. Aceste 12 palete sunt gândite pentru asta, cu un fundal deschis sau închis, o culoare de text lizibilă și un accent pentru butoane. Copiază codurile HEX direct în CSS sau în builderul tău de site.

SaaS albastru curat

Fundal aproape alb, text albastru foarte închis și butoane albastru viu.

Corporate sobru

Pentru cabinete de avocatură, firme de consultanță sau companii industriale.

Magazin online cald

Portocaliul scoate în evidență butoanele de cumpărare pe un fundal cald.

Dark mode cu verde

Fundaluri închise în straturi, text deschis și accent verde pentru acțiuni.

Natural și organic

Pentru magazine de produse naturale, grădini de legume sau wellness.

Pastel prietenos

Apropiată; griul-albăstrui închis asigură un text lizibil.

Editorial cu roșu

Pentru bloguri, reviste și publicații; roșul marchează linkurile și titlurile.

Mov tehnologic

Comun la produse digitale, cursuri online și instrumente AI.

Turcoaz și coral

Două accente complementare: unul pentru butoane și altul pentru mesaje.

Lux întunecat

Pentru hoteluri, restaurante sau branduri premium în care pozele sunt vedetele.

Sănătate și wellness

Curată și liniștită; bună pentru clinici și terapii.

Nisip și verde-albastru

Caldă și serioasă în același timp; pentru turism, imobiliare sau cafenele.

Atinge o culoare ca să-i copiezi codul HEX. Iconița creion deschide paleta în editor, ca s-o modifici.

Aplică regula 60-30-10

Folosește culoarea dominantă (de obicei fundalul) pe aproximativ 60 % din pagină, o culoare secundară pe 30 % (secțiuni, carduri, header) și accentul pe restul de 10 %. Păstrează accentul pentru butoane și linkuri, ca utilizatorul să știe unde să dea clic.

Verifică contrastul textului

Ghidurile de accesibilitate WCAG cer un contrast minim de 4,5:1 pentru textul normal. Griul deschis pe alb arată elegant, dar se citește greu, mai ales pe telefon, în soare. Folosește un verificator de contrast înainte să publici.

Stabilește culori pentru stări și mesaje

Pe lângă paleta brandului, un site are nevoie de culori pentru erori (roșu), succes (verde) și avertismente (galben sau portocaliu). Alege variante care se potrivesc cu paleta ta și folosește-le mereu la fel în formulare și mesaje.

Culorile din aceste palete

Alb fum Platină Negru-albăstrui Alb Gri ardezie In Șampanie Coral Mahon Negru cărbune Abanos Onix Alb stins Ecru Verde salvie Roz pastel

Întrebări frecvente

Câte culori ar trebui să aibă un site?

De obicei ajung trei sau patru: un fundal, o culoare pentru text, o culoare principală și un accent, plus culorile pentru mesaje.

Ce culoare e cea mai bună pentru butoanele unui site?

Nu există o singură culoare ideală; important e ca butonul să contrasteze cu fundalul și ca acea culoare să nu fie folosită pentru alte lucruri pe pagină.

Cum pui o paletă de culori pe site-ul tău?

Copiază codurile HEX în variabilele de culoare din CSS sau în setările de culori globale ale builderului, ca WordPress, Wix sau Shopify.