Tonalitets- og skyggetonesgenerator
Generer automatisk de lyseste tonene og mørkeste skyggene av hvilken som helst farge, med HEX-koden.
Hvordan generere nyanser og skygger fra en farge
Velg en grunnfarge
Velg startfargen med den visuelle velgeren eller skriv inn HEX-koden.
Se nyanser og skygger
Du vil automatisk se 5 lysere nyanser (tinter) og 5 mørkere nyanser (skygger) generert fra fargen din.
Kopier HEX-koden du trenger
Klikk på en hvilken som helst fargerute for å kopiere HEX-koden til utklippstavlen.
Ofte stilte spørsmål om toner- og skygge-generatoren
Å ha lysere og mørkere varianter av en farge er avgjørende for å lage en sammenhengende designpallett (for eksempel for hover-tilstander, bakgrunner eller kanter). Dette verktøyet beregner dem automatisk.
Hva er forskjellen mellom en tone (tint) og en skygge (shade)?
+
En tone oppnås ved å blande fargen med hvitt (lysne den) og en skygge ved å blande den med svart (mørke den).
Hvor mange varianter genererer den?
+
Den genererer 5 lysere toner og 5 mørkere skygger fra grunnfargen din, 10 totalt.
Kan jeg kopiere kodene?
+
Ja, klikk på en hvilken som helst farge i listen for å kopiere HEX-koden.
Fungerer det for å lage en designpalett som Tailwind?
+
Ja, det er nøyaktig det samme konseptet som fargeskalaene 50-900 som mange designsystemer bruker.
Er det gratis?
+
Ja, dette verktøyet er helt gratis.
Blir fargen min lastet opp til noen server?
+
Nei, all beregning gjøres direkte i nettleseren din.
Farger
Fargekonverter (HEX, RGB, HSL, CMYK)
Konverter hvilken som helst farge mellom HEX, RGB, HSL og CMYK øyeblikkelig, med direktevisning og nærmeste fargenavn.
Fargepallettgenerator
Lag harmoniske fargepaletter med 5 farger (komplementære, analoge, triadiske eller monokromatiske) basert på en grunnfarge.
CSS-gradientgenerator
Lag lineære eller radiale gradienter med opptil 4 farger og kopier den klare CSS-koden.
WCAG kontrastsjekker
Kontroller om kombinasjonen av tekst- og bakgrunnsfarger oppfyller tilgjengelighetsnivåene AA og AAA.
Tilfeldig farge
Generer en tilfeldig farge med ett klikk og oppdag navnet, HEX/RGB/HSL-koden og lignende farger.
Fargevelger (pipett)
Velg hvilken som helst farge fra skjermen din med nettleserens pipettverktøy, eller bruk den klassiske fargevelgeren.
Fargeblindhetssimulator
Last opp et bilde og sjekk hvordan personer med protanopi, deuteranopi eller tritanopi ville sett det.
Mesh Gradient Generator
Lag bakgrunner med mesh-gradienter (utvisket fargeflekker) og last dem ned som PNG eller kopier CSS-koden.
Fargemiksers
Bland to farger og oppdag mellomtoner trinn for trinn, med deres HEX-kode.
Fargekrets (Harmonier)
Velg en farge på kretsen og oppdag harmoniske kombinasjoner: komplementære, analoge, triadiske og mer.
Palettuutdrag fra bilde
Last opp et bilde og trekk automatisk ut de dominerende fargene i en palett, med HEX-koden for hver farge.
Gjennomsnittlig Farge i et Bilde
Last opp et bilde og beregn øyeblikkelig gjennomsnittsfarge med HEX-, RGB- og HSL-koder.
Utforsk farger etter familie
Over 469 navngitte farger, med HEX-, RGB-, HSL- og CMYK-koder, organisert i 12 fargefamilier.
