Galben - Semnificație, palete, culori complementare și armonii

Un ghid practic pentru culoare galben: simbolism și psihologie, the roata de culori relații (complementare, analoge, triadice), accesibilă combinatii de culori, și palete descărcabile. Convertiți între HEX, RGB, și HSL, copiați variabilele CSS și previzualizați culorile care se potrivesc împreună.

roata de culori culori complementare armonie de culori culori asortate RGB • HEX • HSL

Sfat: Apăsați Intră în orice câmp pentru a actualiza toate valorile.

Galben dintr-o privire

Semnificație și psihologie

Galbenul semnalează soare, căldură, curiozitate și optimism. Excelează ca culoare de accent pentru a evidenția îndemnurile, etichetele de preț și alertele. Pentru o citire lungă, preferați nuanțe mai moi pentru confort.

Contrast și lizibilitate

Galbenul pur are un contrast scăzut pe alb. Pentru interfața de utilizare accesibilă, plasați galben pe bleumarin, cărbune sau violet intens. Utilizați text negru sau gri foarte închis pe fundal galben pal.

Verificare contrast (pe alb)
Verificare contrast (pe negru)

Palete galbene

Generat automat nuanțe (mai alb), nuanțe (mai negru) și tonuri (mai gri) din galbenul actual. Faceți clic pe orice eșantion pentru a copia HEX. De asemenea, puteți descărca o paletă PNG.

Nuanțe

Nuanțe

Tonuri

Armonii ale roții de culoare

Explora complementar perechi de culori, analog vecini, și triadic setează din acest galben. Aceste combinații gata făcute vă ajută să găsiți culori care se potrivesc bine.

Complementar

Culorile opuse pe roata de culori creează un contrast ridicat pentru CTA și insigne.

Analog

Vecinii de pe volan se simt armonios – excelent pentru fundaluri și degrade.

triadic

Trei nuanțe uniform distanțate oferă un contrast echilibrat pentru tablouri de bord și diagrame.

Aplicații și bune practici

Branding

Galbenul adaugă prietenie și energie la comerțul cu amănuntul, produsele alimentare, produsele pentru copii și mărcile de călătorii. Combinați cu cărbune sau bleumarin adânc pentru echilibru profesional și tipografie lizibilă.

UI și accesibilitate

Folosiți galbenul ca accent pentru butoane și evidențieri. Pentru conținut lung, alegeți nuanțe palide ca fundaluri cu text întunecat pentru a îndeplini contrastul WCAG.

Marketing & Ambalare

Galbenul atrage privirea pe rafturi și fluxuri sociale. Blues sau violetele complementare creează secțiuni de eroi și carduri de produse uimitoare.

Caracteristici

  • instant HEX ↔ RGB ↔ HSL conversie și sincronizare.
  • Palete automate: nuanțe, nuanțe, tonuri, plus paletă PNG descărcabilă.
  • Armonii roata culorilor: sugestii complementare, analoge, triadice.
  • Rapid variabile CSS export pentru sisteme de proiectare.

Cum se utilizează

  1. Introduceți un HEX (de ex. #FFD600) sau RGB/HSL și apăsați Intră.
  2. Faceți clic pe orice eșantion pentru a-i copia HEX. Utilizați seturi complementare sau triadice pentru un contrast puternic.
  3. Descărcați paleta PNG sau copiați variabilele CSS și inserați-le în proiectul dvs.
  4. Verificați sfaturile de contrast pentru a menține textul lizibil pe interfețele de utilizator galben deschis.

FAQ

Care sunt culorile care se potrivesc bine cu galbenul?

Bleumarin, cărbune, violet intens și verde pădure bogat se îmbină frumos. Pentru accente strălucitoare, utilizați complementar cian-albastru sau violet.

Care este culoarea opusă galbenului?

Pe o roată RGB/HSL, nuanța opusă este aproape albastru-cian (aproximativ 180° față de nuanța galbenului).

Pot folosi galben pentru textul corpului?

În general, nu pe fundaluri deschise. Păstrați galben pentru evidențieri sau pictograme; folosiți în schimb text întunecat pe un cartonaș galben pal.