Wygeneruj paletę
  1. Palety kolorów
  2. Accessible Gradient UI/UX Color Palette Generator

Accessible Gradient UI/UX Color Palette Generator

  • Primary Ocean
    #00897b
  • Secondary Coral
    #ff7043
  • Light Base Cream
    #fffde7
  • Dark Text Espresso
    #3e2723
  • Action Teal Accent
    #4db6ac
  • Subtle Sand
    #fbe9e7
  21
Utworzono 10/03/2025 22:02
autorstwacolorslib
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Secondary Coral #ff7043 i Light Base Cream #fffde7. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.

Według jasności paleta rozciąga się od #3E2723 (najciemniejszy) do #FFFDE7 (najjaśniejszy). Zakres jasności jest szeroki.

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.

Ciepłe i zimne próbki są dość zrównoważone (2 ciepłych, 2 zimnych).

Kody HEX (posortowane): #00897B, #3E2723, #4DB6AC, #FBE9E7, #FF7043, #FFFDE7

Paleta Accessible Gradient UI/UX Color Palette Generator łączy 6 kodów kolorów:
HEX: #00897b, RGB: (0, 137, 123); HEX: #ff7043, RGB: (255, 112, 67); HEX: #fffde7, RGB: (255, 253, 231)
HEX: #3e2723, RGB: (62, 39, 35); HEX: #4db6ac, RGB: (77, 182, 172); HEX: #fbe9e7, RGB: (251, 233, 231)
Uproszczona wersja palety kolorów
Ciemny odcień Ciemny cyjan, Ciemny odcień Koralowy, Jasny odcień Beżowy, Jasny odcień Czarny, Jasny odcień Jasna zieleń morska, Jasny odcień Mglista róża
Schemat kolorów został stworzony przez colorslib

Kody kolorów w palecie

Accessible Gradient UI/UX Color Palette Generator kody kolorów HEX, informacje RGB w tabeli

KolorHEXRGBNazwaAlternatywna nazwa
#00897b#00897bRGB(0, 137, 123)Primary Ocean—
#ff7043#ff7043RGB(255, 112, 67)Secondary Coral—
#fffde7#fffde7RGB(255, 253, 231)Light Base Cream—
#3e2723#3e2723RGB(62, 39, 35)Dark Text Espresso—
#4db6ac#4db6acRGB(77, 182, 172)Action Teal Accent—
#fbe9e7#fbe9e7RGB(251, 233, 231)Subtle Sand—

Kontrast palety kolorów

4 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstuKolor tłaWspółczynnik kontrastu
#00897b
#ff7043
1.57
#00897b
#4db6ac
1.76
#ff7043
#4db6ac
1.12
#fffde7
#fbe9e7
1.14

Paleta obrazów Accessible Gradient UI/UX Color Palette Generator png

Accessible Gradient UI/UX Color Palette Generator: Primary Ocean, Secondary Coral, Light Base Cream, Dark Text Espresso
 Pobierz obraz