Wygeneruj paletę
  1. Palety kolorów
  2. UI Components: Buttons colors palette

UI Components: Buttons colors palette

  • #8a1b7a
  • #3daad6
  • #6baa41
  • #dea336
  • #d94e47
  • #969fb9
  0.87k

Paleta UI Components: Buttons colors palette – liczba kolorów: 6, w wielu różnych odcieniach. Najjaśniejszy kolor to Nawłoć (#DEA336), najciemniejszy – Fioletowy (#8A1B7A). Najbardziej kontrastowa para to #8A1B7A na #DEA336 (3.7:1, WCAG AA dla dużego tekstu).

Utworzono 10/01/2018 08:07
autorstwacolorswall
Paleta składa się z kolorów Półciemny, Jasny. Kolory akcentujące #3daad6 i #dea336. Paleta ma temperaturę kolorów Zimny, Ciepły.

Według jasności paleta rozciąga się od #8A1B7A (najciemniejszy) do #DEA336 (najjaśniejszy). Zakres jasności jest umiarkowany.

Nasycenie wydaje się żywe (wysoka chroma) — 67% kolorów jest żywych.

Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.

Ogólna temperatura barw przechyla się ku zimnu (4 z 6).

Kody HEX (posortowane): #3DAAD6, #6BAA41, #8A1B7A, #969FB9, #D94E47, #DEA336

Paleta UI Components: Buttons colors palette łączy 6 kodów kolorów:
HEX: #8a1b7a, RGB: (138, 27, 122); HEX: #3daad6, RGB: (61, 170, 214); HEX: #6baa41, RGB: (107, 170, 65)
HEX: #dea336, RGB: (222, 163, 54); HEX: #d94e47, RGB: (217, 78, 71); HEX: #969fb9, RGB: (150, 159, 185)
Uproszczona wersja palety kolorów
Jasny odcień Fioletowy, Jasny odcień Głęboki błękit nieba, Jasny odcień Oliwkowozielony, Jasny odcień Nawłoć, Ciemny odcień Indyjska czerwień, Ciemny odcień Jasny stalowy niebieski
Schemat kolorów został stworzony przez colorswall

Kody kolorów w palecie

UI Components: Buttons colors palette kody kolorów HEX, informacje RGB w tabeli

KolorHEXRGBNazwaAlternatywna nazwa
#8a1b7a#8a1b7aRGB(138, 27, 122)——
#3daad6#3daad6RGB(61, 170, 214)——
#6baa41#6baa41RGB(107, 170, 65)——
#dea336#dea336RGB(222, 163, 54)——
#d94e47#d94e47RGB(217, 78, 71)——
#969fb9#969fb9RGB(150, 159, 185)——

Kontrast palety kolorów

10 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstuKolor tłaWspółczynnik kontrastu
#3daad6
#6baa41
1.06
#3daad6
#dea336
1.18
#3daad6
#d94e47
1.54
#3daad6
#969fb9
1
#6baa41
#dea336
1.26
#6baa41
#d94e47
1.45

Paleta obrazów UI Components: Buttons colors palette png

UI Components: Buttons colors palette: #8a1b7a, #3daad6, #6baa41, #dea336, #d94e47, #969fb9
 Pobierz obraz