Utworzono o godz 06/12/2025 08:43
Web App Wireframe Essentials
- Line Graphite#333333
- Placeholder Gray#d4d4d4
- Section Cream#faf9f6
- Shape Indigo#a5b4fc
- Font Soft Black#1c1c1c
- Note Blush#ffd6e0
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Shape Indigo #a5b4fc i Note Blush #ffd6e0. Paleta ma temperaturę kolorów Neutralny, Zimny.
Według jasności paleta rozciąga się od #1C1C1C (najciemniejszy) do #FAF9F6 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 3 stonowanych i 2 żywych z 6 kolorów.
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 (5 z 6).
Kody HEX (posortowane): #1C1C1C, #333333, #A5B4FC, #D4D4D4, #FAF9F6, #FFD6E0
Paleta Web App Wireframe Essentials zawiera kombinację kolorów kodów 6:
KLĄTWA: #333333, RGB: (51, 51, 51); KLĄTWA: #d4d4d4, RGB: (212, 212, 212); KLĄTWA: #faf9f6, RGB: (250, 249, 246)
KLĄTWA: #a5b4fc, RGB: (165, 180, 252); KLĄTWA: #1c1c1c, RGB: (28, 28, 28); KLĄTWA: #ffd6e0, RGB: (255, 214, 224)
Uproszczona wersja palety kolorów
Cień Czarny, Cień lightgrey, Cień whitesmoke, Odcień lightsteelblue, Cień Czarny, Cień Różowy
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
Web App Wireframe Essentials kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
|---|---|---|---|---|
| #333333 | #333333 | RGB(51, 51, 51) | Line Graphite | Carbon |
| #d4d4d4 | #d4d4d4 | RGB(212, 212, 212) | Placeholder Gray | Disco Ball |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Section Cream | — |
| #a5b4fc | #a5b4fc | RGB(165, 180, 252) | Shape Indigo | — |
| #1c1c1c | #1c1c1c | RGB(28, 28, 28) | Font Soft Black | Gray11 |
| #ffd6e0 | #ffd6e0 | RGB(255, 214, 224) | Note Blush | — |
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 |
|---|---|---|
#333333 | #1c1c1c | 1.34 |
#d4d4d4 | #faf9f6 | 1.4 |
#d4d4d4 | #a5b4fc | 1.34 |
#d4d4d4 | #ffd6e0 | 1.12 |
#faf9f6 | #a5b4fc | 1.89 |
#faf9f6 | #ffd6e0 | 1.25 |
Paleta obrazów Web App Wireframe Essentials png
Eksportuj paletę
Pobierz "Web App Wireframe Essentials" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: