UX-Focused Interface Stack
- Hierarchy Indigo#5a55a3
- Visual Ivory#fffdfb
- Signal Red#ff6f69
- Call To Action Mint#88f0a4
- Guide Teal#00ced1
- Prototype Rose#fdc5c5
Utworzono 06/20/2025 07:33
Paleta składa się z kolorów Półciemny, Jasny. Kolory akcentujące Visual Ivory #fffdfb i Guide Teal #00ced1. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #5A55A3 (najciemniejszy) do #FFFDFB (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie wydaje się żywe (wysoka chroma) — 83% kolorów jest żywych.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ogólna temperatura barw przechyla się ku zimnu (3 z 6).
Kody HEX (posortowane): #00CED1, #5A55A3, #88F0A4, #FDC5C5, #FF6F69, #FFFDFB
Paleta UX-Focused Interface Stack łączy 6 kodów kolorów:
HEX: #5a55a3, RGB: (90, 85, 163); HEX: #fffdfb, RGB: (255, 253, 251); HEX: #ff6f69, RGB: (255, 111, 105)
HEX: #88f0a4, RGB: (136, 240, 164); HEX: #00ced1, RGB: (0, 206, 209); HEX: #fdc5c5, RGB: (253, 197, 197)
Uproszczona wersja palety kolorów
Ciemny odcień Łupkowy niebieski, Ciemny odcień Biały, Ciemny odcień Łososiowy, Jasny odcień Jasnozielony, Ciemnoturkusowy, Jasny odcień Różowy
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
UX-Focused Interface Stack kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #5a55a3 | #5a55a3 | RGB(90, 85, 163) | Hierarchy Indigo | — |
| #fffdfb | #fffdfb | RGB(255, 253, 251) | Visual Ivory | — |
| #ff6f69 | #ff6f69 | RGB(255, 111, 105) | Signal Red | — |
| #88f0a4 | #88f0a4 | RGB(136, 240, 164) | Call To Action Mint | — |
| #00ced1 | #00ced1 | RGB(0, 206, 209) | Guide Teal | Darkturquoise |
| #fdc5c5 | #fdc5c5 | RGB(253, 197, 197) | Prototype Rose | — |
Kontrast palety kolorów
9 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#fffdfb | #88f0a4 | 1.37 |
#fffdfb | #00ced1 | 1.92 |
#fffdfb | #fdc5c5 | 1.48 |
#ff6f69 | #88f0a4 | 1.94 |
#ff6f69 | #00ced1 | 1.39 |
#ff6f69 | #fdc5c5 | 1.8 |
Paleta obrazów UX-Focused Interface Stack png
Eksportuj paletę
Pobierz "UX-Focused Interface Stack" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: