Palette di colori

Colore giallo

È il colore più luminoso del cerchio cromatico e il primo che l'occhio percepisce. Si associa al sole, all'estate e alla prudenza. Per questo compare su taxi, segnali stradali e marchi che vogliono sembrare ottimisti.

Chiamato anche: giallo puro.

Giallo · #FFFF00

Dati sul colore giallo

Il colore giallo (#FFFF00) è un colore caldo, di luminosità media e molto saturo. Fa parte della famiglia dei colori gialli. Si ottiene con 255 di rosso, 255 di verde e 0 di blu (su 255). Si usa soprattutto in segnaletica, loghi, bambini, web.

Tonalità del colore giallo: chiare e scure

Dalla più chiara alla più scura. Tocca una tonalità per copiarne il codice.

Colori che si abbinano al colore giallo

GrigioUn classico moderno ed equilibrato.Blu navyUn contrasto forte ed elegante.BiancoFresco e luminoso.NeroContrasto massimo, molto grafico.ViolaIl suo complementare, vibrante e audace.VerdeUn mix naturale e allegro.AzzurroUna coppia primaverile.BeigeUna base morbida e calda.
Come abbinare il colore giallo nell'abbigliamento e nell'arredamento →

Armonie del colore giallo

Abbinamenti basati sul cerchio cromatico. Altri nella pagina armonia dei colori.

ComplementareVicino a: Blu
AnaloghiVicino a: Arancione, Chartreuse
TriadeVicino a: Ciano, Magenta
Complementari divisiVicino a: Blu elettrico, Violetto
TetradeVicino a: Verde menta, Blu, Rosa shocking

Palette con il colore giallo

Copia i codici o apri la palette nell'editor per modificarla.

Palette monocromatica · Giallo
Palette analoga · Giallo
Palette complementare · Giallo
Palette triade · Giallo
Palette con neutri · Giallo
Palette con accento · Giallo

Contrasto del colore giallo con il testo

Testo biancoContrasto 1.1:1 · Sconsigliato
Testo neroContrasto 19.6:1 · AAA

Secondo le linee guida WCAG 2.1. Controlla altre coppie con lo strumento di verifica del contrasto.

Codice CSS

:root {
  --giallo: #FFFF00;
  --giallo-rgb: 255, 255, 0;
}
.sfondo { background-color: var(--giallo); }
.testo { color: var(--giallo); }

Colori simili al colore giallo

Giallo limoneGiallo canarinoGiallo fluoOroVerde limeGiallo maisGiallo girasoleZafferanoAmbraVerde mela

Altri colori gialli

OroOro vecchioGiallo senapeGiallo limoneAmbraGranoMieleGiallo canarinoZafferanoChampagneGiallo pastelloGiallo fluoGiallo maisGiallo girasole

Domande frequenti

Qual è il codice del colore giallo?

Il codice HEX del colore giallo è #FFFF00. In RGB è rgb(255, 255, 0), in HSL è hsl(60, 100%, 50%) e in CMYK è 0, 0, 100, 0.

Qual è il complementare del colore giallo?

Il suo complementare nel cerchio cromatico è #0000FF, una tonalità vicina al colore blu. Usato in piccole dosi fa da accento e crea molto contrasto.

Si può usare il testo bianco sul colore giallo?

Meglio usare il testo nero: il contrasto con il bianco è solo 1.1:1, mentre con il nero è 19.6:1.

Con quali colori si abbina il colore giallo?

Si abbina bene con grigio, blu navy, bianco, nero, viola. Evita di accostarlo ad arancione o rosso intenso insieme, perché l'insieme diventa chiassoso. Come testo su bianco puro, il giallo si legge malissimo.