Webflow Interactive UI Canvas
- Builder Blue#1c77c3
- Section Sand#ffebcb
- CMS Plum#9c89b8
- Interaction Mint#a2d2ff
- Breakpoints Charcoal#2b2d42
- Element Rust#f76c6c
Utworzono 06/09/2025 15:25
Paleta składa się z kolorów Półciemny, Jasny, Ciemny. Kolory akcentujące Section Sand #ffebcb i Interaction Mint #a2d2ff. Paleta ma temperaturę kolorów Zimny, Ciepły.
Według jasności paleta rozciąga się od #2B2D42 (najciemniejszy) do #FFEBCB (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 67% 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 (4 z 6).
Kody HEX (posortowane): #1C77C3, #2B2D42, #9C89B8, #A2D2FF, #F76C6C, #FFEBCB
Paleta Webflow Interactive UI Canvas łączy 6 kodów kolorów:
HEX: #1c77c3, RGB: (28, 119, 195); HEX: #ffebcb, RGB: (255, 235, 203); HEX: #9c89b8, RGB: (156, 137, 184)
HEX: #a2d2ff, RGB: (162, 210, 255); HEX: #2b2d42, RGB: (43, 45, 66); HEX: #f76c6c, RGB: (247, 108, 108)
Uproszczona wersja palety kolorów
Ciemny odcień Stalowy niebieski, Ciemny odcień Blady migdałowy, Jasny odcień Średni fioletowy, Jasny odcień Jasny błękit nieba, Jasny odcień Nocny błękit, Ciemny odcień Jasnokoralowy
Schemat kolorów został stworzony przez colorslib
Kody kolorów w palecie
Webflow Interactive UI Canvas kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #1c77c3 | #1c77c3 | RGB(28, 119, 195) | Builder Blue | — |
| #ffebcb | #ffebcb | RGB(255, 235, 203) | Section Sand | — |
| #9c89b8 | #9c89b8 | RGB(156, 137, 184) | CMS Plum | — |
| #a2d2ff | #a2d2ff | RGB(162, 210, 255) | Interaction Mint | — |
| #2b2d42 | #2b2d42 | RGB(43, 45, 66) | Breakpoints Charcoal | — |
| #f76c6c | #f76c6c | RGB(247, 108, 108) | Element Rust | — |
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 |
|---|---|---|
#1c77c3 | #9c89b8 | 1.49 |
#1c77c3 | #f76c6c | 1.63 |
#ffebcb | #a2d2ff | 1.36 |
#9c89b8 | #a2d2ff | 1.97 |
#9c89b8 | #f76c6c | 1.09 |
#a2d2ff | #f76c6c | 1.8 |
Paleta obrazów Webflow Interactive UI Canvas png
Eksportuj paletę
Pobierz "Webflow Interactive UI Canvas" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: