Kolor

Generator palety

Twórz odcienie, cienie i harmonie z jednego koloru bazowego.

Kolor bazowy

Wartość HEX

Rozjaśnienia i przyciemnienia

Harmonie

Dopełniająca

#00c16a

#c20057

Analogiczna

#00c20a

#00c16a

#00b8c2

Triada

#00c16a

#6b00c2

#c26b00

Tetrada

#00c16a

#0a00c2

#c20057

#b8c200

Dopełniająca dzielona

#00c16a

#c200b8

#c20a00

Właściwości niestandardowe 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;
}

Powiązane przewodniki

HEX, RGB, HSL i nowsze przestrzenie barwJak HEX, RGB, HSL, LCH i OKLCH mają się do siebie, dlaczego paleta zbudowana w HSL brudzi się w tonach środkowych oraz co obcinanie do gamutu i komponowanie z kanałem alfa robią z kolorem, który ostatecznie dostajesz.Jak spełnić wymagania WCAG dotyczące kontrastu bez zgadywaniaCo mierzy współczynnik kontrastu, jakie są progi AA i AAA dla tekstu i komponentów interfejsu oraz które błędy z szarością na bieli po cichu nie przechodzą za każdym razem.

Podobne narzędzia

Konwerter kolorów

Konwertuj kolor między HEX, RGB, HSL i zapisem CSS.

Kolor

Kontrola kontrastu

Sprawdź parę koloru tekstu i tła względem WCAG AA i AAA.

Kolor