Utworzono o godz 06/26/2025 08:43
Mobile-First UI Builder Studio
- Breakpoints Coral#fb7185
- Viewport Slate#1e293b
- Tap Cream#fdf6ec
- Flex Sky#bae6fd
- Touch Indigo#6366f1
- Spacing Snow#fafafa
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Breakpoints Coral #fb7185 i Flex Sky #bae6fd. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #1E293B (najciemniejszy) do #FAFAFA (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 zimnu.
Kody HEX (posortowane): #1E293B, #6366F1, #BAE6FD, #FAFAFA, #FB7185, #FDF6EC
Paleta Mobile-First UI Builder Studio zawiera kombinację kolorów kodów 6:
KLĄTWA: #fb7185, RGB: (251, 113, 133); KLĄTWA: #1e293b, RGB: (30, 41, 59); KLĄTWA: #fdf6ec, RGB: (253, 246, 236)
KLĄTWA: #bae6fd, RGB: (186, 230, 253); KLĄTWA: #6366f1, RGB: (99, 102, 241); KLĄTWA: #fafafa, RGB: (250, 250, 250)
Uproszczona wersja palety kolorów
Odcień lightcoral, Cień midnightblue, Odcień floralwhite, Cień lightblue, Odcień mediumslateblue, Cień whitesmoke
Schemat kolorów został stworzony przez colorhunt
Kody kolorów w palecie
Mobile-First UI Builder Studio kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Breakpoints Coral | — |
| #1e293b | #1e293b | RGB(30, 41, 59) | Viewport Slate | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Tap Cream | — |
| #bae6fd | #bae6fd | RGB(186, 230, 253) | Flex Sky | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Touch Indigo | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Spacing Snow | Dr. White |
Kontrast palety kolorów
4 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#fb7185 | #6366f1 | 1.65 |
#fdf6ec | #bae6fd | 1.23 |
#fdf6ec | #fafafa | 1.02 |
#bae6fd | #fafafa | 1.27 |
Paleta obrazów Mobile-First UI Builder Studio png
Eksportuj paletę
Pobierz "Mobile-First UI Builder Studio" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: