Utworzono o godz 07/04/2025 10:08
Webflow Interaction Toolkit
- Trigger Blue#5a9cff
- Element Ivory#fffdf7
- Z-Stack Black#1b1b1b
- Click Coral#ff9076
- Smooth Scroll Sage#b6e3c7
- Layout Lavender#d3c3ff
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Element Ivory #fffdf7 i Layout Lavender #d3c3ff. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #1B1B1B (najciemniejszy) do #FFFDF7 (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): #1B1B1B, #5A9CFF, #B6E3C7, #D3C3FF, #FF9076, #FFFDF7
Paleta Webflow Interaction Toolkit zawiera kombinację kolorów kodów 6:
KLĄTWA: #5a9cff, RGB: (90, 156, 255); KLĄTWA: #fffdf7, RGB: (255, 253, 247); KLĄTWA: #1b1b1b, RGB: (27, 27, 27)
KLĄTWA: #ff9076, RGB: (255, 144, 118); KLĄTWA: #b6e3c7, RGB: (182, 227, 199); KLĄTWA: #d3c3ff, RGB: (211, 195, 255)
Uproszczona wersja palety kolorów
Cień cornflowerblue, Cień floralwhite, Cień Czarny, Cień darksalmon, Odcień paleturquoise, Cień thistle
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
Webflow Interaction Toolkit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
|---|---|---|---|---|
| #5a9cff | #5a9cff | RGB(90, 156, 255) | Trigger Blue | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Element Ivory | — |
| #1b1b1b | #1b1b1b | RGB(27, 27, 27) | Z-Stack Black | Eerie Black |
| #ff9076 | #ff9076 | RGB(255, 144, 118) | Click Coral | — |
| #b6e3c7 | #b6e3c7 | RGB(182, 227, 199) | Smooth Scroll Sage | — |
| #d3c3ff | #d3c3ff | RGB(211, 195, 255) | Layout Lavender | — |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#5a9cff | #ff9076 | 1.24 |
#5a9cff | #b6e3c7 | 1.93 |
#5a9cff | #d3c3ff | 1.7 |
#fffdf7 | #b6e3c7 | 1.39 |
#fffdf7 | #d3c3ff | 1.58 |
#ff9076 | #b6e3c7 | 1.55 |
Paleta obrazów Webflow Interaction Toolkit png
Eksportuj paletę
Pobierz "Webflow Interaction Toolkit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: