Color Studio

Bouw harmonieuze kleurenpaletten met een interactief kleurenwiel — pas harmonieregels toe zoals analoog, complementair of driehoek, en kopieer elke waarde direct.

Meng een beginkleur naar een eindkleur in maximaal 10 stappen — bekijk het verloop, pak elke tint en kopieer elk formaat direct.

Genereer een volledig spectrum van tinten en schaduwen vanuit één kleur — kies je verduister-/verlicht-stap en het aantal schaduwen, kopieer dan elke waarde direct.

Haal een verfijnd, kopieerklaar kleurenpalet uit elke afbeelding.

Converteer kleuren tussen HEX, RGB, RGBA, HSL, HSLA en HSV — kies een kleur, pas de alpha aan en kopieer elk formaat direct.

Vind de dichtstbijzijnde CSS-benoemde kleur en de dichtstbijzijnde Tailwind-tint voor elke kleur — perceptueel gematcht, met kopieerklare waarden.

Probeer elke pixel op je scherm met de oogdruppelaar, of kies kleuren uit een neergezette afbeelding, en verzamel ze in een kopieerklaar palet.

Haal een prachtig verloop uit een foto — zet een afbeelding neer, kies een stemming en de dominante kleuren worden versleepbare verloopstops. Kopieer direct klaar-voor-gebruik CSS.

Bouw lineaire, radiale en conische CSS-verlopen van nul af met versleepbare multi-stop bediening en samengestelde presets. Kopieer direct klaar-voor-gebruik CSS.

Plak of importeer een set kleuren en exporteer ze direct naar CSS-variabelen, SCSS, Tailwind-config, JSON of SVG-stalen — de afrondingsstap voor elk palet.

Controleer de WCAG-contrastratio tussen tekst- en achtergrondkleur — zie AA/AAA slaag-zakresultaten voor normale tekst, grote tekst en UI-componenten, met een live voorvertoning en suggesties voor toegankelijke kleuren.

Zie je afbeelding of palet zoals mensen met protanopie, deuteranopie, tritanopie of achromatopsie dat zien — volledig in je browser, niets wordt geüpload.