Utworzono o godz 07/07/2025 17:13
Cognitive Design Pattern Toolkit
- Persona Shell#faf0e6
- Usability Blue#4a90e2
- Cognitive Load Yellow#fff176
- Information Scent Gray#bdbdbd
- Affordance Coral#ff8a65
- Memory Recall Black#0d0d0d
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Usability Blue #4a90e2 i Cognitive Load Yellow #fff176. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #0D0D0D (najciemniejszy) do #FAF0E6 (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 ciepłu.
Kody HEX (posortowane): #0D0D0D, #4A90E2, #BDBDBD, #FAF0E6, #FF8A65, #FFF176
Paleta Cognitive Design Pattern Toolkit zawiera kombinację kolorów kodów 6:
KLĄTWA: #faf0e6, RGB: (250, 240, 230); KLĄTWA: #4a90e2, RGB: (74, 144, 226); KLĄTWA: #fff176, RGB: (255, 241, 118)
KLĄTWA: #bdbdbd, RGB: (189, 189, 189); KLĄTWA: #ff8a65, RGB: (255, 138, 101); KLĄTWA: #0d0d0d, RGB: (13, 13, 13)
Uproszczona wersja palety kolorów
Cień dodgerblue, Cień Khaki, Odcień Srebro, Cień coral, Cień Czarny
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
Cognitive Design Pattern Toolkit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #faf0e6 | #faf0e6 | RGB(250, 240, 230) | Persona Shell | Linen |
| #4a90e2 | #4a90e2 | RGB(74, 144, 226) | Usability Blue | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Cognitive Load Yellow | — |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Information Scent Gray | Gray74 |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | Affordance Coral | — |
| #0d0d0d | #0d0d0d | RGB(13, 13, 13) | Memory Recall Black | Gray5 |
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 |
#faf0e6 | #fff176 | 1.03 |
#faf0e6 | #bdbdbd | 1.67 |
#4a90e2 | #bdbdbd | 1.75 |
#4a90e2 | #ff8a65 | 1.42 |
#fff176 | #bdbdbd | 1.61 |
#fff176 | #ff8a65 | 1.99 |
Paleta obrazów Cognitive Design Pattern Toolkit png
Eksportuj paletę
Pobierz "Cognitive Design Pattern Toolkit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: