Utworzono o godz 06/30/2025 17:45
Hyperlink UI Interaction Suite
- Click Indigo#4339f2
- Hover Pink#ff5ca8
- Visited Blue#0077cc
- Focus Cream#fffdf5
- Target Grey#6e7a8a
- Panel Beige#f4f1de
Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Visited Blue #0077cc i Focus Cream #fffdf5. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #0077CC (najciemniejszy) do #FFFDF5 (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): #0077CC, #4339F2, #6E7A8A, #F4F1DE, #FF5CA8, #FFFDF5
Paleta Hyperlink UI Interaction Suite zawiera kombinację kolorów kodów 6:
KLĄTWA: #4339f2, RGB: (67, 57, 242); KLĄTWA: #ff5ca8, RGB: (255, 92, 168); KLĄTWA: #0077cc, RGB: (0, 119, 204)
KLĄTWA: #fffdf5, RGB: (255, 253, 245); KLĄTWA: #6e7a8a, RGB: (110, 122, 138); KLĄTWA: #f4f1de, RGB: (244, 241, 222)
Uproszczona wersja palety kolorów
Cień Niebieski, Odcień hotpink, Odcień steelblue, Cień floralwhite, Odcień slategrey, Odcień beige
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Hyperlink UI Interaction Suite kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
|---|---|---|---|---|
| #4339f2 | #4339f2 | RGB(67, 57, 242) | Click Indigo | — |
| #ff5ca8 | #ff5ca8 | RGB(255, 92, 168) | Hover Pink | — |
| #0077cc | #0077cc | RGB(0, 119, 204) | Visited Blue | — |
| #fffdf5 | #fffdf5 | RGB(255, 253, 245) | Focus Cream | — |
| #6e7a8a | #6e7a8a | RGB(110, 122, 138) | Target Grey | — |
| #f4f1de | #f4f1de | RGB(244, 241, 222) | Panel Beige | — |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#4339f2 | #0077cc | 1.45 |
#4339f2 | #6e7a8a | 1.54 |
#ff5ca8 | #0077cc | 1.62 |
#ff5ca8 | #6e7a8a | 1.52 |
#0077cc | #6e7a8a | 1.06 |
#fffdf5 | #f4f1de | 1.11 |
Paleta obrazów Hyperlink UI Interaction Suite png
Eksportuj paletę
Pobierz "Hyperlink UI Interaction Suite" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: