Utworzono o godz 05/28/2025 06:19
Oceanic UI Structure
- Primary Indigo#6366f1
- Secondary Periwinkle#a5b4fc
- Accent Sky#38bdf8
- Background Light#f8fafc
- Surface Cool White#ffffff
- Text Ink#1e293b
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Secondary Periwinkle #a5b4fc i Surface Cool White #ffffff. Paleta ma temperaturę kolorów Zimny, Neutralny.
Według jasności paleta rozciąga się od #1E293B (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
Rozłożenie barw sugeruje głównie analogiczny zespół (heurystyka, nie sztywna reguła).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #1E293B, #38BDF8, #6366F1, #A5B4FC, #F8FAFC, #FFFFFF
Paleta Oceanic UI Structure zawiera kombinację kolorów kodów 6:
KLĄTWA: #6366f1, RGB: (99, 102, 241); KLĄTWA: #a5b4fc, RGB: (165, 180, 252); KLĄTWA: #38bdf8, RGB: (56, 189, 248)
KLĄTWA: #f8fafc, RGB: (248, 250, 252); KLĄTWA: #ffffff, RGB: (255, 255, 255); KLĄTWA: #1e293b, RGB: (30, 41, 59)
Uproszczona wersja palety kolorów
Odcień mediumslateblue, Odcień lightsteelblue, Cień deepskyblue, Cień whitesmoke, Biały, Cień midnightblue
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Oceanic UI Structure kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Primary Indigo | — |
| #a5b4fc | #a5b4fc | RGB(165, 180, 252) | Secondary Periwinkle | — |
| #38bdf8 | #38bdf8 | RGB(56, 189, 248) | Accent Sky | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Background Light | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface Cool White | White |
| #1e293b | #1e293b | RGB(30, 41, 59) | Text Ink | — |
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 |
|---|---|---|
#a5b4fc | #38bdf8 | 1.07 |
#a5b4fc | #f8fafc | 1.9 |
#a5b4fc | #ffffff | 1.99 |
#f8fafc | #ffffff | 1.04 |
Paleta obrazów Oceanic UI Structure png
Eksportuj paletę
Pobierz "Oceanic UI Structure" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: