Utworzono o godz 08/21/2025 11:56
System Design Accessibility Matrix
- Diagram Navy#283593
- Schema Aqua#00acc1
- Entity Coral#f06292
- Wire Beige#fff9c4
- Node Black#202020
- Interaction Mint#a5d6a7
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Schema Aqua #00acc1 i Wire Beige #fff9c4. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #202020 (najciemniejszy) do #FFF9C4 (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).
Ciepłe i zimne próbki są dość zrównoważone.
Kody HEX (posortowane): #00ACC1, #202020, #283593, #A5D6A7, #F06292, #FFF9C4
Paleta System Design Accessibility Matrix zawiera kombinację kolorów kodów 6:
KLĄTWA: #283593, RGB: (40, 53, 147); KLĄTWA: #00acc1, RGB: (0, 172, 193); KLĄTWA: #f06292, RGB: (240, 98, 146)
KLĄTWA: #fff9c4, RGB: (255, 249, 196); KLĄTWA: #202020, RGB: (32, 32, 32); KLĄTWA: #a5d6a7, RGB: (165, 214, 167)
Uproszczona wersja palety kolorów
Odcień darkslateblue, Odcień cadetblue, Odcień palevioletred, Odcień lemonchiffon, Cień Czarny, Cień darkseagreen
Schemat kolorów został stworzony przez colorslib
Kody kolorów w palecie
System Design Accessibility Matrix kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #283593 | #283593 | RGB(40, 53, 147) | Diagram Navy | — |
| #00acc1 | #00acc1 | RGB(0, 172, 193) | Schema Aqua | — |
| #f06292 | #f06292 | RGB(240, 98, 146) | Entity Coral | — |
| #fff9c4 | #fff9c4 | RGB(255, 249, 196) | Wire Beige | — |
| #202020 | #202020 | RGB(32, 32, 32) | Node Black | — |
| #a5d6a7 | #a5d6a7 | RGB(165, 214, 167) | Interaction Mint | — |
Kontrast palety kolorów
5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#283593 | #202020 | 1.56 |
#00acc1 | #f06292 | 1.11 |
#00acc1 | #a5d6a7 | 1.66 |
#f06292 | #a5d6a7 | 1.86 |
#fff9c4 | #a5d6a7 | 1.53 |
Paleta obrazów System Design Accessibility Matrix png
Eksportuj paletę
Pobierz "System Design Accessibility Matrix" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: