Utworzono o godz 03/27/2026 21:13
React Dashboard Accessibility Contrast Matrix
- Accessible Blue#005f99
- Readable White#fafafa
- Alert Orange#fb8500
- Success Green#2dc653
- Focus Purple#7209b7
- Base Gray#adb5bd
- Text Black#212529
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Accessible Blue #005f99 i Alert Orange #fb8500. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #212529 (najciemniejszy) do #FAFAFA (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): #005F99, #212529, #2DC653, #7209B7, #ADB5BD, #FAFAFA, #FB8500
Paleta React Dashboard Accessibility Contrast Matrix zawiera kombinację kolorów kodów 7:
KLĄTWA: #005f99, RGB: (0, 95, 153); KLĄTWA: #fafafa, RGB: (250, 250, 250); KLĄTWA: #fb8500, RGB: (251, 133, 0)
KLĄTWA: #2dc653, RGB: (45, 198, 83); KLĄTWA: #7209b7, RGB: (114, 9, 183); KLĄTWA: #adb5bd, RGB: (173, 181, 189)
KLĄTWA: #212529, RGB: (33, 37, 41)
Uproszczona wersja palety kolorów
Odcień royalblue, Cień whitesmoke, Odcień darkorange, Odcień limegreen, Odcień darkviolet, Cień darkgrey, Cień Czarny
Schemat kolorów został stworzony przez colorhunt
Kody kolorów w palecie
React Dashboard Accessibility Contrast Matrix kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #005f99 | #005f99 | RGB(0, 95, 153) | Accessible Blue | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Readable White | Dr. White |
| #fb8500 | #fb8500 | RGB(251, 133, 0) | Alert Orange | — |
| #2dc653 | #2dc653 | RGB(45, 198, 83) | Success Green | — |
| #7209b7 | #7209b7 | RGB(114, 9, 183) | Focus Purple | — |
| #adb5bd | #adb5bd | RGB(173, 181, 189) | Base Gray | — |
| #212529 | #212529 | RGB(33, 37, 41) | Text Black | — |
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 |
#005f99 | #7209b7 | 1.27 |
#fafafa | #adb5bd | 1.98 |
#fb8500 | #2dc653 | 1.1 |
#fb8500 | #adb5bd | 1.19 |
#2dc653 | #adb5bd | 1.08 |
#7209b7 | #212529 | 1.79 |
Paleta obrazów React Dashboard Accessibility Contrast Matrix png
Eksportuj paletę
Pobierz "React Dashboard Accessibility Contrast Matrix" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: