Utworzono o godz 07/07/2025 14:10
Cognitive Load Reduction UI Kit
- Focus Beige#fff8e0
- Distraction Grey#b0b0b0
- Working Memory Blue#a0c4ff
- Attention Mint#c6f1e7
- Clarity White#fefefe
- Decision Orange#ffb347
- Task Flow Slate#4e4e50
Paleta składa się z kolorów Światło. Kolory akcentujące Focus Beige #fff8e0 i Working Memory Blue #a0c4ff. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #4E4E50 (najciemniejszy) do #FEFEFE (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).
Większość próbek odczytuje się jako neutralne w temperaturze.
Kody HEX (posortowane): #4E4E50, #A0C4FF, #B0B0B0, #C6F1E7, #FEFEFE, #FFB347, #FFF8E0
Paleta Cognitive Load Reduction UI Kit zawiera kombinację kolorów kodów 7:
KLĄTWA: #fff8e0, RGB: (255, 248, 224); KLĄTWA: #b0b0b0, RGB: (176, 176, 176); KLĄTWA: #a0c4ff, RGB: (160, 196, 255)
KLĄTWA: #c6f1e7, RGB: (198, 241, 231); KLĄTWA: #fefefe, RGB: (254, 254, 254); KLĄTWA: #ffb347, RGB: (255, 179, 71)
KLĄTWA: #4e4e50, RGB: (78, 78, 80)
Uproszczona wersja palety kolorów
Cień cornsilk, Cień darkgrey, Odcień lightsteelblue, Cień paleturquoise, Odcień Biały, Cień Pomarańczowy, Odcień dimgrey
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Cognitive Load Reduction UI Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
|---|---|---|---|---|
| #fff8e0 | #fff8e0 | RGB(255, 248, 224) | Focus Beige | — |
| #b0b0b0 | #b0b0b0 | RGB(176, 176, 176) | Distraction Grey | Gray69 |
| #a0c4ff | #a0c4ff | RGB(160, 196, 255) | Working Memory Blue | — |
| #c6f1e7 | #c6f1e7 | RGB(198, 241, 231) | Attention Mint | — |
| #fefefe | #fefefe | RGB(254, 254, 254) | Clarity White | White as Heaven |
| #ffb347 | #ffb347 | RGB(255, 179, 71) | Decision Orange | Agrellan Badland |
| #4e4e50 | #4e4e50 | RGB(78, 78, 80) | Task Flow Slate | — |
Kontrast palety kolorów
13 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#fff8e0 | #a0c4ff | 1.66 |
#fff8e0 | #c6f1e7 | 1.15 |
#fff8e0 | #fefefe | 1.05 |
#fff8e0 | #ffb347 | 1.67 |
#b0b0b0 | #a0c4ff | 1.22 |
#b0b0b0 | #c6f1e7 | 1.76 |
Paleta obrazów Cognitive Load Reduction UI Kit png
Eksportuj paletę
Pobierz "Cognitive Load Reduction UI Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: