Boja neonska žuta

Zelenkasta žuta toliko zasićena da kao da isijava svjetlo. Boja je markera, reflektirajućih prsluka i teniskih loptica. Na ekranu se izuzetno ističe.

Drugi nazivi: reflektirajuća žuta, fluorescentna žuta.

Otvori u uređivaču

HEX kod boje neonska žuta je #CCFF00. U RGB-u je to rgb(204, 255, 0), u HSL-u hsl(72, 100%, 50%), a u CMYK-u 20, 0, 100, 0.

Kako stvarno izgleda

Odaberite boju za kombinaciju i pogledajte kako izgleda na odjeći, u interijeru i u dizajnu.

Boje slične boji neonska žuta

Limeta#BFFF00 Žuta#FFFF00 Limun#FFF700 Chartreuse#7FFF00 Travnato zelena#7CFC00 Kanarinac žuta#FFEF00

Boja neonska žuta ukratko

Boja neonska žuta (#CCFF00) je na granici tople i hladne, srednje svjetline i vrlo zasićena. Pripada skupini nijanse žute. Sastoji se od 204 dijelova crvene, 255 zelene i 0 plave (od 255). Tipična upotreba: Sport, Sigurnost, Grafički dizajn.

Uzorak boje Neonska žuta s nijansama od svijetle do tamne · #CCFF00 — Neonska žuta · #CCFF00

Nijanse boje neonska žuta: svijetle i tamne

Od najsvjetlije do najtamnije. Dodirni nijansu i kopiraj njezin kod.

Prikaži sve nijanse: Generator nijansi boja

Harmonije boje neonska žuta

Kombinacije prema krugu boja. Više ćeš naći u alatu harmonija boja.

KomplementarnaBlizu: Plava

AnalogneBlizu: Jantarna, Neonska zelena

TrijadaBlizu: Zasićena nebesko plava, Fuksija

Podijeljena komplementarnaBlizu: Električno plava, Ljubičasta

TetradaBlizu: Smaragdna, Plava, Karmazin crvena

Palete s bojom neonska žuta

Kopiraj kodove ili otvori paletu u uređivaču i prilagodi je.

Paleta: Monokromatska · Neonska žuta

Paleta: Analogna · Neonska žuta

Paleta: Komplementarna · Neonska žuta

Paleta: Trijada · Neonska žuta

Paleta: S neutralnim bojama · Neonska žuta

Paleta: S akcentom · Neonska žuta

Kontrast boje neonska žuta s tekstom

Bijeli tekstKontrast 1.2:1 · Ne preporučuje se

Crni tekstKontrast 17.9:1 · AAA

Prema pravilima WCAG 2.1. Druge parove provjeri u provjeri kontrasta.

CSS kod

:root {
  --neon-zuta: #CCFF00;
  --neon-zuta-rgb: 204, 255, 0;
}
.pozadina { background-color: var(--neon-zuta); }
.tekst { color: var(--neon-zuta); }