Generator til Toner og Skygger
Generér automatisk de lyseste toner og mørkeste skygger af enhver farve med dens HEX-kode.
Sådan genereres nuancer og skygger af en farve
Vælg en basisfarve
Vælg startfarven med den visuelle farvemarkør eller skriv dens HEX-kode.
Se nuancer og skygger
Du får automatisk vist 5 lysere nuancer (tinter) og 5 mørkere nuancer (skygger) genereret ud fra din farve.
Kopier den HEX-kode, du har brug for
Klik på en hvilken som helst farvepalet for at kopiere dens HEX-kode til udklipsholder.
Ofte stillede spørgsmål om generatoren for nuancer og skygger
At have de lysere og mørkere varianter af en farve er afgørende for at skabe en sammenhængende designpalette (f.eks. til hover-tilstande, baggrunde eller kanter). Dette værktøj beregner dem automatisk.
Hvad er forskellen mellem en tone (tint) og en skygge (shade)?
+
En tone skabes ved at blande farven med hvidt (for at gøre den lysere) og en skygge ved at blande den med sort (for at gøre den mørkere).
Hvor mange varianter genererer det?
+
Det genererer 5 lysere toner og 5 mørkere skygger fra din basisfarve, 10 i alt.
Kan jeg kopiere koderne?
+
Ja, klik på en hvilken som helst farve på listen for at kopiere dens HEX-kode.
Kan det bruges til at skabe en designpalet som Tailwind?
+
Ja, det er præcis det samme koncept som farveskalaerne 50-900, som mange designsystemer bruger.
Er det gratis?
+
Ja, dette værktøj er fuldstændig gratis.
Bliver min farve uploadet til en server?
+
Nej, al beregning foretages direkte i din browser.
Farver
Farvekonverter (HEX, RGB, HSL, CMYK)
Konverter enhver farve mellem HEX, RGB, HSL og CMYK øjeblikkeligt, med live-preview og det nærmeste farvenavn.
Farvepalet-generator
Opret harmoniske farvepaletter med 5 farver (komplementære, analoge, triadiske eller monokromatiske) ud fra en basisfarve.
CSS-gradientgenerator
Opret lineære eller radiale gradienter med op til 4 farver og kopiér den klar-til-brug CSS-kode.
WCAG-kontrastchecker
Kontrollér, om kombinationen af tekst- og baggrundsfarve opfylder tilgængelighedsniveauerne AA og AAA.
Tilfældig farve
Generer en tilfældig farve med ét klik og find dens navn, HEX/RGB/HSL-kode og lignende farver.
Farvevælger (øjendroppepipette)
Vælg hvilken som helst farve fra din skærm med browserens pipet-værktøj, eller brug den klassiske farvevælger.
Farveblindhedssimulator
Upload et billede og se, hvordan personer med protanopi, deuteranopi eller tritanopi ville se det.
Mesh Gradient Generator
Opret baggrunde med mesh-gradienter (blødt farvede pletter) og download dem som PNG eller kopier CSS-koden.
Farveblander
Bland to farver og opdag de mellemliggende toner trin for trin med deres HEX-kode.
Farvekreds (Harmonier)
Vælg en farve på hjulet og opdag dets harmoniske kombinationer: komplementær, analog, triadisk og mere.
Farvepalet-ekstraktor fra billede
Upload et billede og udtræk automatisk dets dominerende farver i en palet med HEX-koden for hver farve.
Gennemsnitsfarve for et Billede
Upload et billede og beregn øjeblikkeligt dets gennemsnitsfarve med HEX-, RGB- og HSL-kode.
Udforsk farver efter familie
Over 469 navngivne farver med deres HEX-, RGB-, HSL- og CMYK-koder, organiseret i 12 farvetone-familier.
