Utworzono o godz 08/18/2025 08:35
UI Kit AI Accessibility Canvas
- Card White#ffffff
- Contrast Black#0f172a
- Focus Blue#2563eb
- Error Red#f43f5e
- Success Green#22c55e
- Neutral Gray#9ca3af
- Highlight Amber#fbbf24
Paleta składa się z kolorów Światło, Ciemny, Półciemny. Kolory akcentujące Focus Blue #2563eb i Highlight Amber #fbbf24. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #0F172A (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma).
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #0F172A, #22C55E, #2563EB, #9CA3AF, #F43F5E, #FBBF24, #FFFFFF
Paleta UI Kit AI Accessibility Canvas zawiera kombinację kolorów kodów 7:
KLĄTWA: #ffffff, RGB: (255, 255, 255); KLĄTWA: #0f172a, RGB: (15, 23, 42); KLĄTWA: #2563eb, RGB: (37, 99, 235)
KLĄTWA: #f43f5e, RGB: (244, 63, 94); KLĄTWA: #22c55e, RGB: (34, 197, 94); KLĄTWA: #9ca3af, RGB: (156, 163, 175)
KLĄTWA: #fbbf24, RGB: (251, 191, 36)
Uproszczona wersja palety kolorów
Biały, Cień Czarny, Odcień royalblue, Odcień indianred, Odcień limegreen, Odcień darkgrey, Cień goldenrod
Schemat kolorów został stworzony przez colourlock
Kody kolorów w palecie
UI Kit AI Accessibility Canvas kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #ffffff | #ffffff | RGB(255, 255, 255) | Card White | White |
| #0f172a | #0f172a | RGB(15, 23, 42) | Contrast Black | — |
| #2563eb | #2563eb | RGB(37, 99, 235) | Focus Blue | — |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Error Red | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Success Green | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Neutral Gray | — |
| #fbbf24 | #fbbf24 | RGB(251, 191, 36) | Highlight Amber | — |
Kontrast palety kolorów
7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#ffffff | #fbbf24 | 1.66 |
#2563eb | #f43f5e | 1.4 |
#f43f5e | #22c55e | 1.61 |
#f43f5e | #9ca3af | 1.44 |
#22c55e | #9ca3af | 1.11 |
#22c55e | #fbbf24 | 1.36 |
Paleta obrazów UI Kit AI Accessibility Canvas png
Eksportuj paletę
Pobierz "UI Kit AI Accessibility Canvas" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: