Utworzono o godz 07/07/2025 15:10
Prototyping Wireframe UI
- Sketch Grey#cdcdcd
- Component Cream#f8f8f8
- Gridline Black#1a1a1a
- Draft Blue#a9d6e5
- Mockup Lilac#dec9e9
- UX Stage Beige#fdf5df
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Draft Blue #a9d6e5 i UX Stage Beige #fdf5df. Paleta ma temperaturę kolorów Neutralny, Zimny.
Według jasności paleta rozciąga się od #1A1A1A (najciemniejszy) do #F8F8F8 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
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): #1A1A1A, #A9D6E5, #CDCDCD, #DEC9E9, #F8F8F8, #FDF5DF
Paleta Prototyping Wireframe UI zawiera kombinację kolorów kodów 6:
KLĄTWA: #cdcdcd, RGB: (205, 205, 205); KLĄTWA: #f8f8f8, RGB: (248, 248, 248); KLĄTWA: #1a1a1a, RGB: (26, 26, 26)
KLĄTWA: #a9d6e5, RGB: (169, 214, 229); KLĄTWA: #dec9e9, RGB: (222, 201, 233); KLĄTWA: #fdf5df, RGB: (253, 245, 223)
Uproszczona wersja palety kolorów
Odcień lightgrey, Cień whitesmoke, Cień Czarny, Odcień lightblue, Cień thistle, Odcień cornsilk
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Prototyping Wireframe UI kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #cdcdcd | #cdcdcd | RGB(205, 205, 205) | Sketch Grey | Compact Disc Grey |
| #f8f8f8 | #f8f8f8 | RGB(248, 248, 248) | Component Cream | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Gridline Black | Gray10 |
| #a9d6e5 | #a9d6e5 | RGB(169, 214, 229) | Draft Blue | — |
| #dec9e9 | #dec9e9 | RGB(222, 201, 233) | Mockup Lilac | — |
| #fdf5df | #fdf5df | RGB(253, 245, 223) | UX Stage Beige | — |
Kontrast palety kolorów
10 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#cdcdcd | #f8f8f8 | 1.49 |
#cdcdcd | #a9d6e5 | 1.01 |
#cdcdcd | #dec9e9 | 1.03 |
#cdcdcd | #fdf5df | 1.46 |
#f8f8f8 | #a9d6e5 | 1.47 |
#f8f8f8 | #dec9e9 | 1.44 |
Paleta obrazów Prototyping Wireframe UI png
Eksportuj paletę
Pobierz "Prototyping Wireframe UI" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: