Wygeneruj paletę
  1. Palety kolorów
  2. UI Component Accessibility Grid

UI Component Accessibility Grid

  • Flowchart Blue
    #2563eb
  • Contrast Yellow
    #fde047
  • Card White
    #ffffff
  • Accessible Slate
    #64748b
  • Semantic Green
    #4ade80
  • Form Error Red
    #dc2626
  0.11k
Utworzono 08/18/2025 08:34
autorstwacolorday
Paleta składa się z kolorów Półciemny, Jasny. Kolory akcentujące Flowchart Blue #2563eb i Contrast Yellow #fde047. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.

Według jasności paleta rozciąga się od #2563EB (najciemniejszy) do #FFFFFF (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 (3 z 6).

Kody HEX (posortowane): #2563EB, #4ADE80, #64748B, #DC2626, #FDE047, #FFFFFF

Paleta UI Component Accessibility Grid łączy 6 kodów kolorów:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #fde047, RGB: (253, 224, 71); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #64748b, RGB: (100, 116, 139); HEX: #4ade80, RGB: (74, 222, 128); HEX: #dc2626, RGB: (220, 38, 38)
Uproszczona wersja palety kolorów
Ciemny odcień Królewski niebieski, Jasny odcień Złoty, Biały, Ciemny odcień Łupkowy szary, Jasny odcień Średnia wiosenna zieleń, Jasny odcień Karmazynowy
Schemat kolorów został stworzony przez colorday

Kody kolorów w palecie

UI Component Accessibility Grid kody kolorów HEX, informacje RGB w tabeli

Kolor HEX RGB Nazwa Alternatywna nazwa
#2563eb #2563eb RGB(37, 99, 235)Flowchart Blue—
#fde047 #fde047 RGB(253, 224, 71)Contrast Yellow—
#ffffff #ffffff RGB(255, 255, 255)Card WhiteWhite
#64748b #64748b RGB(100, 116, 139)Accessible Slate—
#4ade80 #4ade80 RGB(74, 222, 128)Semantic Green—
#dc2626 #dc2626 RGB(220, 38, 38)Form Error Red—

Kontrast palety kolorów

6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstu Kolor tła Współczynnik kontrastu
#2563eb
#64748b
1.08
#2563eb
#dc2626
1.07
#fde047
#ffffff
1.31
#fde047
#4ade80
1.32
#ffffff
#4ade80
1.74
#64748b
#dc2626
1.01

Paleta obrazów UI Component Accessibility Grid png

UI Component Accessibility Grid paleta kolorów: Flowchart Blue, Contrast Yellow, Card White, Accessible Slate, Semantic Green
 Pobierz obraz