Žuta — Značenje, palete, komplementarne boje i harmonije
Praktični vodič za boju žuta boja: simbolizam i psihologija, kotačić boja odnosi (komplementarni, analogni, trijadni), pristupačan kombinacije boja, i palete za preuzimanje. Pretvori između HEX, RGB, i HSL, kopirajte CSS varijable i pregledajte odgovarajuće boje koje idu zajedno.
Savjet: Pritisnite Uđi unutar bilo kojeg polja za ažuriranje svih vrijednosti.
Žuto na prvi pogled
Žuta signalizira sunce, toplinu, znatiželju i optimizam. Izvrsna je kao akcentna boja za isticanje poziva na radnju, cjenika i upozorenja. Za dugotrajno čitanje radije birajte mekše nijanse radi udobnosti.
Čista žuta ima nizak kontrast u odnosu na bijelu. Za pristupačno korisničko sučelje, stavite žutu na tamnoplavu, ugljenu ili tamnoljubičastu. Koristite crni ili vrlo tamno sivi tekst na blijedo žutoj pozadini.
Žute palete
Automatski generirano nijanse (više bijele), nijanse (više crne), i tonova (više sive) od sadašnje žute. Pritisnite bilo koji uzorak za kopiranje HEX. Također možete preuzeti PNG paletu.
Nijanse
Sjenila
Tonovi
Harmonije kotača boja
Istražiti komplementarni parovi boja, analogan susjedi, i trostruki postavlja iz ove žute. Ove gotove kombinacije pomažu vam pronaći boje koje se dobro slažu.
Suprotne boje na kotaču boja stvaraju visok kontrast za CTA-ove i bedževe.
Susjedi na kotaču osjećaju se skladno — izvrsno za pozadine i gradijente.
Tri ravnomjerno raspoređene nijanse nude uravnotežen kontrast za nadzorne ploče i grafikone.
Prijave i najbolji primjeri iz prakse
Brendiranje
Žuta dodaje prijateljstvo i energiju robnim markama maloprodaje, hrane, proizvoda za djecu i putovanja. Uparite s ugljenom ili tamnoplavom za profesionalnu ravnotežu i čitljivu tipografiju.
UI i pristupačnost
Koristite žutu kao naglasak za gumbe i istaknute dijelove. Za dugačak sadržaj odaberite blijede nijanse kao pozadinu s tamnim tekstom kako biste zadovoljili WCAG kontrast.
Marketing i pakiranje
Žuta privlači poglede na policama i društvenim mrežama. Komplementarne plave ili ljubičaste boje stvaraju upečatljive glavne dijelove i kartice proizvoda.
Značajke
- Trenutak HEX ↔ RGB ↔ HSL konverzija i sinkronizacija.
- Automatske palete: nijanse, nijanse, tonovi, plus PNG paleta za preuzimanje.
- Harmonije kotača boja: komplementarni, analogni, trijadni prijedlozi.
- Brz CSS varijable izvoz za dizajn sustava.
Kako koristiti
- Unesite HEX (npr.
#FFD600) ili RGB/HSL vrijednosti i pritisnite Uđi. - Pritisnite bilo koji uzorak da kopirate njegov HEX. Koristite komplementarne ili trijadne skupove za jak kontrast.
- Preuzmite paletu PNG ili kopirajte CSS varijable i zalijepite je u svoj projekt.
- Provjerite savjete za kontrast kako bi tekst ostao čitljiv na svijetložutim korisničkim sučeljima.
FAQ
Koje se boje dobro slažu sa žutom?
Mornarskoplava, ugljena, tamnoljubičasta i bogata šumska zelena lijepo se slažu. Za svijetle naglaske upotrijebite komplementarnu cijan-plavu ili ljubičastu.
Koja je boja suprotna žutoj?
Na RGB/HSL kotaču, suprotna nijansa je blizu plavo-cijan (oko 180° od žute nijanse).
Mogu li koristiti žutu boju za glavni tekst?
Općenito ne na svijetlim podlogama. Zadrži žuto za isticanje ili ikone; umjesto toga koristite tamni tekst na blijedožutoj kartici.