Hoverstate Design Framework
- Action Orange#ffa069
- Select Mint#b9ffe0
- Modal Ink#0e0e0e
- Canvas White#ffffff
- Sidebar Violet#cabeff
- Hint Gray#dddddd
- Pulse Rose#ffacc7
Utworzono 06/05/2025 20:29
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Select Mint #b9ffe0 i Pulse Rose #ffacc7. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #0E0E0E (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 57% kolorów jest żywych.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ciepłe i zimne próbki są dość zrównoważone (2 ciepłych, 2 zimnych).
Kody HEX (posortowane): #0E0E0E, #B9FFE0, #CABEFF, #DDDDDD, #FFA069, #FFACC7, #FFFFFF
Paleta Hoverstate Design Framework łączy 7 kodów kolorów:
HEX: #ffa069, RGB: (255, 160, 105); HEX: #b9ffe0, RGB: (185, 255, 224); HEX: #0e0e0e, RGB: (14, 14, 14)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #cabeff, RGB: (202, 190, 255); HEX: #dddddd, RGB: (221, 221, 221)
HEX: #ffacc7, RGB: (255, 172, 199)
Uproszczona wersja palety kolorów
Ciemny odcień Jasnołososiowy, Jasny odcień Akwamaryna, Jasny odcień Czarny, Biały, Jasny odcień Jasny stalowy niebieski, Jasny odcień Gainsboro, Ciemny odcień Jasnoróżowy
Schemat kolorów został stworzony przez colorhunt
Kody kolorów w palecie
Hoverstate Design Framework kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #ffa069 | #ffa069 | RGB(255, 160, 105) | Action Orange | — |
| #b9ffe0 | #b9ffe0 | RGB(185, 255, 224) | Select Mint | — |
| #0e0e0e | #0e0e0e | RGB(14, 14, 14) | Modal Ink | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Canvas White | White |
| #cabeff | #cabeff | RGB(202, 190, 255) | Sidebar Violet | — |
| #dddddd | #dddddd | RGB(221, 221, 221) | Hint Gray | Steam |
| #ffacc7 | #ffacc7 | RGB(255, 172, 199) | Pulse Rose | — |
Kontrast palety kolorów
14 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#ffa069 | #b9ffe0 | 1.75 |
#ffa069 | #cabeff | 1.17 |
#ffa069 | #dddddd | 1.47 |
#ffa069 | #ffacc7 | 1.14 |
#b9ffe0 | #ffffff | 1.13 |
#b9ffe0 | #cabeff | 1.49 |
Paleta obrazów Hoverstate Design Framework png
Eksportuj paletę
Pobierz "Hoverstate Design Framework" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: