Colore

Generatore di palette

Crea tinte, sfumature e armonie da un solo colore di base.

Colore di base

Valore HEX

Tinte e sfumature

Armonie

Complementare

#00c16a

#c20057

Analoga

#00c20a

#00c16a

#00b8c2

Triadica

#00c16a

#6b00c2

#c26b00

Tetradica

#00c16a

#0a00c2

#c20057

#b8c200

Complementare divisa

#00c16a

#c200b8

#c20a00

Proprietà personalizzate CSS

:root {
  --color-brand-50: #e6f9f0;
  --color-brand-100: #ccf3e1;
  --color-brand-200: #99e6c3;
  --color-brand-300: #66daa6;
  --color-brand-400: #33cd88;
  --color-brand-500: #00c16a;
  --color-brand-600: #00a058;
  --color-brand-700: #007f46;
  --color-brand-800: #005f34;
  --color-brand-900: #003e22;
  --color-brand-950: #002d19;
}

Guide correlate

HEX, RGB, HSL e i nuovi spazi coloreCome si rapportano fra loro HEX, RGB, HSL, LCH e OKLCH, perché una palette costruita in HSL si intorbida nei toni medi, e che cosa fanno al colore che ottieni il ritaglio del gamut e la composizione con il canale alfa.Rispettare il contrasto cromatico WCAG senza tirare a indovinareChe cosa misura un rapporto di contrasto, le soglie AA e AAA per il testo e per i componenti di interfaccia, e gli errori del grigio su bianco che falliscono in silenzio ogni volta.

Strumenti correlati

Convertitore di colori

Converti un colore tra HEX, RGB, HSL e notazione CSS.

Colore

Verifica contrasto

Verifica una coppia di primo piano e sfondo secondo WCAG AA e AAA.

Colore