Farvestudiet
Ét sted til alle værktøjer i Farvestudiet.
Paletter, CSS og kontrast.
7 gratis værktøjerIngen tilmelding påkrævetVirker på enhver enhedDine filer bliver hos dig
Udforsk Farvestudiet nedenfor, og find det rigtige værktøj til din opgave.
Værktøjer i Farvestudiet
7 værktøjerGrupperet efter den opgave, du kom for at løse.
Farver og CSS
Værdier, du kan sætte direkte ind i et stylesheet.7 værktøjerFarvekonverterÉn farve i alle notationer på én gang, med et WCAG-kontrasttjek.HEX · RGB · HSLPaletgeneratorHarmonier, lyse og mørke nuancer ud fra én grundfarve, med hex-koderne klar til at kopiere.HEXCSS-gradientgeneratorLineære og radiale gradienter med live forhåndsvisning og den præcise CSS til at sætte ind.CSSGenerator til box-shadowForskydning, sløring, spredning og farve, forhåndsvist på et rigtigt kort mens du justerer.CSSKontrasttjekkerTo farver, ét forhold og et klart svar på, om det består AA og AAA.WCAGFind Tailwind-farveDen nærmeste Tailwind-klasse til enhver hex-værdi, med afstanden så du selv kan vurdere.HEXFarveblindhedssimulatorSe et design, som otte procent af mændene ser det, før du satser på rødt og grønt.JPG · PNG
Flere habitater at udforske
Vi åbner et habitat, når det rummer værktøjer, der er besøget værd.

Om Farveværktøjer
Hvilken kontraststandard bruger I?
Relativ luminans efter WCAG 2.2, altså den samme matematik som auditører og browserens udviklerværktøjer bruger. 4,5:1 til brødtekst, 3:1 til stor tekst og kanter i brugerfladen.
Hvorfor ser min palet anderledes ud på tryk?
Skærme er additive, og tryksværte er subtraktiv, så en kraftig skærmfarve har ofte ingen modsvarighed i tryk. Betragt CMYK-værdierne som et udgangspunkt for en prøve, ikke som en match.
Andre habitater

Takket være dig er
ToolZool gratis
Stærke værktøjer bør være gratis for alle. Her er, hvordan det bliver betalt — det hele, uden at noget er udeladt.
Køb en kop kaffe til ZoolyDirekte støtte, der holder lyset tændt og nye værktøjer på vej. Helt frivilligt.Støt Zooly →
Anbefalede valgBetalte værktøjer, der gør opgaver færdige, som en browser ikke kan. Intet på den side tjener os noget i dag.Se anbefalinger →
Annoncer i ordentlig toneMærkede placeringer sidder uden for arbejdsområdet, så de aldrig kommer mellem dig og dit resultat.Læs annoncepolitikken →
Du er fantastiskHvert besøg, hver deling og hvert venligt ord hjælper ToolZool med at vokse og nå flere mennesker.