Low-Code Web Toolkit Colors
- Widget Indigo#6366f1
- Template Cream#fef9c3
- Input Slate#64748b
- Visual Coral#fb7185
- Button Mint#6ee7b7
- Preview Fog#f3f4f6
- Build Jet#1f2937
Utworzono 06/28/2025 20:12
Paleta składa się z kolorów Jasny, Półciemny, Ciemny. Kolory akcentujące Widget Indigo #6366f1 i Template Cream #fef9c3. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #1F2937 (najciemniejszy) do #FEF9C3 (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.
Ogólna temperatura barw przechyla się ku zimnu (4 z 7).
Kody HEX (posortowane): #1F2937, #6366F1, #64748B, #6EE7B7, #F3F4F6, #FB7185, #FEF9C3
Paleta Low-Code Web Toolkit Colors łączy 7 kodów kolorów:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #64748b, RGB: (100, 116, 139)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #6ee7b7, RGB: (110, 231, 183); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #1f2937, RGB: (31, 41, 55)
Uproszczona wersja palety kolorów
Ciemny odcień Średni łupkowy niebieski, Ciemny odcień Cytrynowy szyfon, Ciemny odcień Łupkowy szary, Ciemny odcień Jasnokoralowy, Ciemny odcień Akwamaryna, Ciemny odcień Biały dym, Jasny odcień Czarny
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Low-Code Web Toolkit Colors kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Widget Indigo | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Template Cream | — |
| #64748b | #64748b | RGB(100, 116, 139) | Input Slate | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Visual Coral | — |
| #6ee7b7 | #6ee7b7 | RGB(110, 231, 183) | Button Mint | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Preview Fog | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Build Jet | — |
Kontrast palety kolorów
7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#6366f1 | #64748b | 1.06 |
#6366f1 | #fb7185 | 1.65 |
#fef9c3 | #6ee7b7 | 1.41 |
#fef9c3 | #f3f4f6 | 1.02 |
#64748b | #fb7185 | 1.76 |
#fb7185 | #6ee7b7 | 1.76 |
Paleta obrazów Low-Code Web Toolkit Colors png
Eksportuj paletę
Pobierz "Low-Code Web Toolkit Colors" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: