Color Studio

Bygg harmoniska färgpaletter från ett interaktivt färghjul — tillämpa harmoniregler som analog, komplementär eller triad, kopiera sedan vilket värde som helst direkt.

Blanda en startfärg till en slutfärg i upp till 10 steg — förhandsgranska gradienten, ta alla nyanser och kopiera vilket format som helst direkt.

Generera ett komplett register av toner och nyanser från en enda färg — välj din mörknings-/ljusningssteg och antalet nyanser, kopiera sedan vilket värde som helst direkt.

Hämta en förfinad, kopieringsklar färgpalett från vilken bild som helst.

Konvertera färger mellan HEX, RGB, RGBA, HSL, HSLA och HSV — välj en färg, justera alfa och kopiera vilket format som helst direkt.

Hitta den närmaste CSS-namngivna färgen och den närmaste Tailwind-nyansen för vilken färg som helst — perceptuellt matchad, med kopieringsfärdiga värden.

Sampla vilken pixel som helst på skärmen med pipetten, eller välj färger från en tappad bild, och samla dem till en kopieringsklar palett.

Extrahera en vacker gradient från vilket foto som helst — släpp en bild, välj ett stämningsläge och de dominerande färgerna blir dragbara gradientstoppunkter. Kopiera klar CSS direkt.

Bygg linjära, radiella och koniska CSS-gradienter från grunden med dragbara flerstoppskontroller och utvalda förinställningar. Kopiera klar CSS direkt.

Klistra in eller importera en uppsättning färger och exportera dem direkt till CSS-variabler, SCSS, Tailwind-config, JSON eller SVG-provlappar — avslutningssteget för vilken palett som helst.

Kontrollera WCAG-kontrastvärdet mellan en text- och bakgrundsfärg — se AA/AAA godkänd/underkänd för normal text, stor text och UI-komponenter, med live-förhandsgranskning och tillgängliga färgförslag.

Se din bild eller palett som personer med protanopi, deuteranopi, tritanopi eller akromatopsi ser den — körs helt i din webbläsare, inget laddas upp.