HTML Kodovi Boja
HTML Kodovi Boja
Prijavi grešku Jezik kojim govore ekrani: Digitalna teorija boja
Boja je najmoćniji alat u arsenalu svakog dizajnera. Ona prenosi emocije, usmjerava pažnju korisnika i gradi identitet brenda. No, u digitalnom svijetu, boja nije samo vizualni doživljaj – ona je matematički kod. Da bi preglednik znao prikazati točnu nijansu "ponoćno plave", mora dobiti preciznu instrukciju. Naš HTML Color Picker služi kao prevoditelj između vaše kreativne vizije i koda kojeg računalo razumije.
Dekodiranje formata: Što znače ti brojevi?
Računala koriste nekoliko "jezika" za opisivanje boja. Naš alat podržava sve standarde:
1. HEX (Heksadekadski sustav) - Standard za Web
Najpopularniji format u HTML-u i CSS-u. Počinje znakom ljestvi (#) nakon kojeg slijedi 6 znakova (npr. #FF5733).
Kako se čita?
Koristi se baza 16 (0-9 i A-F).
- Prva dva znaka (FF) su intenzitet Crvene.
- Druga dva (57) su Zelena.
- Zadnja dva (33) su Plava.
#000000 je crna (odsustvo boje), a #FFFFFF je bijela.
2. RGB (Red, Green, Blue) - Standard za Ekrane
Ekrani rade na principu "aditivnog miješanja svjetlosti".
Zapis: rgb(255, 87, 51).
Svaka boja ima vrijednost od 0 do 255. Ako su sve 255, dobivate bijelo svjetlo.
3. HSL (Hue, Saturation, Lightness) - Dizajnerski favorit
Ovaj format je intuitivniji za ljude:
- Hue (Nijansa): Kut na krugu boja (0-360°). 0=Crvena, 120=Zelena, 240=Plava.
- Saturation (Zasićenost): Postotak. 0% je sivo, 100% je živa boja.
- Lightness (Svjetlina): 0% je crno, 100% je bijelo.
⚠️ Upozorenje za tisak (RGB vs. CMYK):
Nikada ne šaljite HEX ili RGB kodove u tiskaru! Ekrani emitiraju svjetlo (RGB), dok papir reflektira svjetlo (CMYK).
Boje na ekranu su vibrantnije nego što ih printer može otisnuti. Naš alat nudi i CMYK konverziju kako biste vidjeli realniju (zagasitiju) verziju boje za letke i vizitke.
Psihologija boja u marketingu
Koju boju odabrati za gumb "Kupi"? Istraživanja pokazuju da boja utječe na 85% odluka o kupnji.
- Plava: Povjerenje, sigurnost, tehnologija (Facebook, PayPal, HP).
- Crvena: Hitnost, strast, apetit (Netflix, Coca-Cola, McDonald's).
- Zelena: Zdravlje, novac, rast (Android, Starbucks, Whole Foods).
- Crna: Luksuz, elegancija (Apple, Chanel, Mercedes).
Pristupačnost (Web Accessibility - WCAG)
Dobar dizajn mora biti čitljiv svima. WCAG standardi propisuju minimalni omjer kontrasta između teksta i pozadine (najmanje 4.5:1 za običan tekst). Naš alat vam pomaže kopirati točne kodove kako biste ih testirali. Svijetlo sivi tekst na bijeloj pozadini je "dizajnerski zločin" koji čini vašu stranicu neupotrebljivom za starije osobe ili ljude s lošijim ekranima.
FAQs - Pitanja o bojama
Što je "Web Safe" paleta?
U 90-ima, monitori su mogli prikazati samo 256 boja. Postojala je lista od 216 "sigurnih" boja koje su izgledale isto na svim računalima. Danas, s modernim IPS i OLED ekranima koji prikazuju milijune boja, taj koncept je zastario i ne morate ga se držati.
Kako dobiti prozirnu boju?
Koristite RGBA format. Dodaje se četvrti broj "Alpha" (od 0 do 1).
Primjer: rgb(255, 0, 0, 0.5) je poluneprozirna crvena.
Kako kopirati boju sa slike?
Većina preglednika ima ugrađen "Eyedropper" (Pipetu). Ali da biste tu boju pretvorili u drugi format (npr. trebate CMYK te boje za tisak), upišite dobiveni HEX kod u naš kalkulator.