Frontend Experience Schema

  • UX Dust
    #f7f1e1
  • Input Teal
    #009fb7
  • State Orchid
    #d4a5a5
  • Flowchart Blue
    #9dd9f3
  • Base Ink
    #282828
  31

Paleta Frontend Experience Schema – liczba kolorów: 5, w wielu różnych odcieniach. Najjaśniejszy kolor to UX Dust (#F7F1E1), najciemniejszy – Base Ink (#282828). Najbardziej kontrastowa para to #282828 na #F7F1E1 (13.0:1, WCAG AAA).

Utworzono 07/08/2025 20:02
autorstwacolorday
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące UX Dust #f7f1e1 i Input Teal #009fb7. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.

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

Nasycenie wydaje się żywe (wysoka chroma) — 60% 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 (2 z 5).

Kody HEX (posortowane): #009FB7, #282828, #9DD9F3, #D4A5A5, #F7F1E1

Paleta Frontend Experience Schema łączy 5 kodów kolorów:
HEX: #f7f1e1, RGB: (247, 241, 225); HEX: #009fb7, RGB: (0, 159, 183); HEX: #d4a5a5, RGB: (212, 165, 165)
HEX: #9dd9f3, RGB: (157, 217, 243); HEX: #282828, RGB: (40, 40, 40)
Uproszczona wersja palety kolorów
Ciemny odcień Stara koronka, Ciemny odcień Kadetowy niebieski, Jasny odcień Różowobrązowy, Jasny odcień Błękit nieba, Jasny odcień Czarny
Schemat kolorów został stworzony przez colorday

Kody kolorów w palecie

Frontend Experience Schema kody kolorów HEX, informacje RGB w tabeli

KolorHEXRGBNazwaAlternatywna nazwa
#f7f1e1#f7f1e1RGB(247, 241, 225)UX DustCoconut Twist
#009fb7#009fb7RGB(0, 159, 183)Input Teal—
#d4a5a5#d4a5a5RGB(212, 165, 165)State Orchid—
#9dd9f3#9dd9f3RGB(157, 217, 243)Flowchart Blue—
#282828#282828RGB(40, 40, 40)Base InkDire Wolf

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
#f7f1e1
#d4a5a5
1.91
#f7f1e1
#9dd9f3
1.36
#009fb7
#d4a5a5
1.46
#d4a5a5
#9dd9f3
1.4

Paleta obrazów Frontend Experience Schema png