Generator
Generator odcieni kolorow
Generuj 11 odcieni i tonow z dowolnego koloru bazowego z eksportem do CSS, Tailwind, SCSS i JSON.
Press Escape to reset, Ctrl+Enter to copy export.
Esc ResetCtrl+Enter Copy export
#1E417Brgb(30, 65, 123)hsl(217, 61%, 30%)
#234E94rgb(35, 78, 148)hsl(217, 62%, 36%)
#295BACrgb(41, 91, 172)hsl(217, 62%, 42%)
#2F68C5rgb(47, 104, 197)hsl(217, 61%, 48%)
#3575DDrgb(53, 117, 221)hsl(217, 71%, 54%)
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)
#4F8FF7rgb(79, 143, 247)hsl(217, 91%, 64%)
#629BF8rgb(98, 155, 248)hsl(217, 91%, 68%)
#76A8F9rgb(118, 168, 249)hsl(217, 92%, 72%)
#89B4FArgb(137, 180, 250)hsl(217, 92%, 76%)
#9DC1FBrgb(157, 193, 251)hsl(217, 92%, 80%)
:root {
--color-d50: #1e417b;
--color-d40: #234e94;
--color-d30: #295bac;
--color-d20: #2f68c5;
--color-d10: #3575dd;
--color: #3b82f6;
--color-l10: #4f8ff7;
--color-l20: #629bf8;
--color-l30: #76a8f9;
--color-l40: #89b4fa;
--color-l50: #9dc1fb;
}O generatorze odcieni kolorow
Generator odcieni kolorow tworzy pelna 11-stopniowa skale ciemnych i jasnych odcieni z dowolnego koloru bazowego. Ciemne odcienie tworzone sa przez mieszanie z czarnym, a jasne — z bialym. Wynikiem jest profesjonalna skala kolorow podobna do wbudowanych palet Tailwind CSS.
Jak uzywac
Wprowadz kod koloru HEX lub uzyj selektora kolorow. Narzedzie natychmiast generuje 5 ciemnych i 5 jasnych odcieni wraz z oryginalnym kolorem. Kliknij dowolna probke, aby skopiowac wartosc HEX. Uzyj panelu eksportu, aby pobrac skale jako zmienne CSS, konfiguracje Tailwind, zmienne SCSS lub JSON.
Typowe scenariusze uzycia
- Tworzenie kompletnych palet kolorow dla systemow projektowych
- Generowanie niestandardowych skal kolorow Tailwind CSS
- Budowanie dostepnych systemow kolorow UI z wystarczajacym kontrastem
- Projektowanie wariantow trybu ciemnego dla kolorow marki
- Eksportowanie tokenow kolorow dla systemow projektowych CSS lub SCSS
Frequently Asked Questions About Generator odcieni kolorow
What is Generator odcieni kolorow?
Generator odcieni kolorow is a free online tool on akousa.net, a platform with 559+ browser-based utilities. Generuj 11 odcieni i tonow z dowolnego koloru bazowego z eksportem do CSS, Tailwind, SCSS i JSON. No installation is required.
How do I use Generator odcieni kolorow?
Simply open Generator odcieni kolorow on akousa.net, enter or upload your data, configure any options, and click the action button. Results appear instantly in your browser.
Is Generator odcieni kolorow free?
Yes, the core Generator odcieni kolorow experience is free to use without signup. All 559+ tools remain available for everyday use, while Akousa Pro adds optional premium platform features and ad-free browsing.