Wygeneruj paletę
  1. Palety kolorów
  2. Accessibility-first Web Kit

Accessibility-first Web Kit

  • Text Jet
    #1a1a1a
  • Focus Yellow
    #ffe066
  • Alt Label White
    #ffffff
  • Keyboard Navy
    #0f172a
  • Notify Red
    #ff4b5c
  • Contrast Teal
    #14b8a6
  1
Utworzono 06/12/2025 08:35
autorstwapalettespicker
Paleta składa się z kolorów Ciemny, Jasny. Kolory akcentujące Focus Yellow #ffe066 i Contrast Teal #14b8a6. Paleta ma temperaturę kolorów Neutralny, Ciepły, Zimny.

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

Nasycenie jest mieszane — 2 stonowanych i 3 żywych z 6 kolorów.

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): #0F172A, #14B8A6, #1A1A1A, #FF4B5C, #FFE066, #FFFFFF

Paleta Accessibility-first Web Kit łączy 6 kodów kolorów:
HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #ffe066, RGB: (255, 224, 102); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #0f172a, RGB: (15, 23, 42); HEX: #ff4b5c, RGB: (255, 75, 92); HEX: #14b8a6, RGB: (20, 184, 166)
Uproszczona wersja palety kolorów
Jasny odcień Czarny, Jasny odcień Złoty, Biały, Jasny odcień Czarny, Jasny odcień Indyjska czerwień, Ciemny odcień Jasna zieleń morska
Schemat kolorów został stworzony przez palettespicker

Kody kolorów w palecie

Accessibility-first Web Kit kody kolorów HEX, informacje RGB w tabeli

Kolor HEX RGB Nazwa Alternatywna nazwa
#1a1a1a #1a1a1a RGB(26, 26, 26)Text JetGray10
#ffe066 #ffe066 RGB(255, 224, 102)Focus Yellow—
#ffffff #ffffff RGB(255, 255, 255)Alt Label WhiteWhite
#0f172a #0f172a RGB(15, 23, 42)Keyboard Navy—
#ff4b5c #ff4b5c RGB(255, 75, 92)Notify Red—
#14b8a6 #14b8a6 RGB(20, 184, 166)Contrast Teal—

Kontrast palety kolorów

4 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstu Kolor tła Współczynnik kontrastu
#1a1a1a
#0f172a
1.02
#ffe066
#ffffff
1.3
#ffe066
#14b8a6
1.9
#ff4b5c
#14b8a6
1.31

Paleta obrazów Accessibility-first Web Kit png

Accessibility-first Web Kit paleta kolorów: Text Jet, Focus Yellow, Alt Label White, Keyboard Navy, Notify Red, Contrast Teal
 Pobierz obraz