Barva

Generátor palety

Vytvořte odstíny, tóny a harmonie z jediné základní barvy.

Základní barva

Hodnota HEX

Světlé a tmavé odstíny

Harmonie

Komplementární

#00c16a

#c20057

Analogické

#00c20a

#00c16a

#00b8c2

Triadické

#00c16a

#6b00c2

#c26b00

Tetradické

#00c16a

#0a00c2

#c20057

#b8c200

Dělené komplementární

#00c16a

#c200b8

#c20a00

Vlastní vlastnosti 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;
}

Související návody

HEX, RGB, HSL a novější barevné prostoryJak spolu souvisejí HEX, RGB, HSL, LCH a OKLCH, proč paleta v HSL ve středních tónech zašpiní a co s výslednou barvou udělá ořez gamutu a kompozice s alfa kanálem.Jak splnit barevný kontrast podle WCAG bez hádáníCo kontrastní poměr měří, jaké jsou prahy AA a AAA pro text a prvky rozhraní a které chyby se šedou na bílé tiše propadnou pokaždé.

Související nástroje

Převodník barev

Převádějte barvu mezi HEX, RGB, HSL a zápisem CSS.

Barva

Kontrola kontrastu

Ověřte dvojici popředí a pozadí podle WCAG AA a AAA.

Barva