Wygeneruj paletę
  1. Palety kolorów
  2. Accessible Contrast Design Tokens

Accessible Contrast Design Tokens

  • Readable Blue
    #1e88e5
  • Overlay White
    #ffffff
  • Focus Black
    #0c0c0c
  • Highlight Yellow
    #fff176
  • Toggle Red
    #ff5252
  1
Utworzono 07/05/2025 13:18
autorstwahex
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Readable Blue #1e88e5 i Highlight Yellow #fff176. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.

Według jasności paleta rozciąga się od #0C0C0C (najciemniejszy) do #FFFFFF (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 ciepłu (2 z 5).

Kody HEX (posortowane): #0C0C0C, #1E88E5, #FF5252, #FFF176, #FFFFFF

Paleta Accessible Contrast Design Tokens łączy 5 kodów kolorów:
HEX: #1e88e5, RGB: (30, 136, 229); HEX: #ffffff, RGB: (255, 255, 255); HEX: #0c0c0c, RGB: (12, 12, 12)
HEX: #fff176, RGB: (255, 241, 118); HEX: #ff5252, RGB: (255, 82, 82)
Uproszczona wersja palety kolorów
Ciemny odcień Niebieski Dodger, Biały, Jasny odcień Czarny, Jasny odcień Khaki, Ciemny odcień Pomidorowy
Schemat kolorów został stworzony przez hex

Kody kolorów w palecie

Accessible Contrast Design Tokens kody kolorów HEX, informacje RGB w tabeli

Kolor HEX RGB Nazwa Alternatywna nazwa
#1e88e5 #1e88e5 RGB(30, 136, 229)Readable Blue—
#ffffff #ffffff RGB(255, 255, 255)Overlay WhiteWhite
#0c0c0c #0c0c0c RGB(12, 12, 12)Focus BlackBlack Wash
#fff176 #fff176 RGB(255, 241, 118)Highlight Yellow—
#ff5252 #ff5252 RGB(255, 82, 82)Toggle Red—

Kontrast palety kolorów

2 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstu Kolor tła Współczynnik kontrastu
#1e88e5
#ff5252
1.15
#ffffff
#fff176
1.16

Paleta obrazów Accessible Contrast Design Tokens png

Accessible Contrast Design Tokens - #553801
 Pobierz obraz