Generator
Kleurtinten Generator
Genereer 11 tinten en schakeringen van elke basiskleur met CSS, Tailwind, SCSS en JSON-export.
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;
}Over Kleurtinten Generator
De Kleurtinten Generator maakt een complete schaal van 11 stappen van tinten en schakeringen van elke basiskleur. Tinten worden gemaakt door de kleur met zwart te mengen (donkerder maken), terwijl schakeringen worden gemaakt door met wit te mengen (lichter maken). Het resultaat is een professionele kleurschaal vergelijkbaar met de ingebouwde kleurpaletten van Tailwind CSS.
Hoe te Gebruiken
Voer een HEX-kleurcode in het invoerveld in of gebruik de kleurkiezer. De tool genereert direct 5 donkerdere tinten en 5 lichtere schakeringen naast de originele kleur. Klik op een staal om de HEX-waarde te kopiëren. Gebruik het exportpaneel om de volledige schaal te downloaden als CSS-variabelen, Tailwind-configuratie, SCSS-variabelen of JSON.
Veelvoorkomende Toepassingen
- Complete kleurpaletten maken voor designsystemen
- Aangepaste kleurschalen genereren voor Tailwind CSS
- Toegankelijke UI-kleursystemen bouwen met voldoende contrast
- Donkere modus varianten van merkkleuren ontwerpen
- Kleurtokens exporteren voor CSS of SCSS designsystemen
Frequently Asked Questions About Kleurtinten Generator
What is Kleurtinten Generator?
Kleurtinten Generator is a free online tool on akousa.net, a platform with 559+ browser-based utilities. Genereer 11 tinten en schakeringen van elke basiskleur met CSS, Tailwind, SCSS en JSON-export. No installation is required.
How do I use Kleurtinten Generator?
Simply open Kleurtinten Generator on akousa.net, enter or upload your data, configure any options, and click the action button. Results appear instantly in your browser.
Is Kleurtinten Generator free?
Yes, the core Kleurtinten Generator 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.