Farveværktøj

Et hurtigt, præcist farveværktøj til designere og udviklere at oprette tilgængelige farvepaletter og verificere kontrastforhold.

Tool coming soon!

We're working hard to get this tool ready for you.

Request Feature / Support
3,348+
Total Calculations Run
< 15ms
Browser Execution Speed
100%
Client-Side Privacy
4.9 / 5.0
User Satisfaction
AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

Popular ideas:
100% FREE • No Credit Card Required

Om dette værktøj

Værktøjet analyserer farveværdier for at hjælpe med at skabe tilgængelige UI-farvesystemer. Det understøtter hex-, RGB- og HSL-indput og kan generere kontrastforhold mod en valgt baggrund. Det beregner WCAG-kompatible kontrastforhold, markerer AA/AAA-berettigelse og foreslår alternative farver til bedre læsbarhed.
Desuden kan brugere generere sammenhængende paletter ved hjælp af teori-baserede tilgange (analoge, komplementære, triadiske) og få vist, hvordan farver interagerer under forskellige belysninger. Denne kombination letter beslutninger inden for design, brugbare kontroller og konsekvent branding på tværs af platforme.
Kerneværdien ligger i at fremskynde farvebeslutninger gennem objektiv analyse og teori-drevne paletter, reducere omarbejde under tilgængeligheds- audits og lette onboarding af nye teammedlemmer. Centrale funktioner inkluderer indtastningsvalidering, kontrastberegninger, pallettegenerering og eksportmuligheder for CSS-variabler eller JSON. Eksempler: audit af eksisterende hjemmesider for tilgængelighed, opstart af nye produktgrænseflader med tilgængelige standarder og produktion af mærke-tre paletter til markedsføringsmaterialer. Gennem kombinationen af farvelære og praktisk paletplanlægning muliggøres hurtigere iterationer og mere pålidelige tilgængelighedsresultater.

Sådan bruges

  1. Indtast input: basefarve(r) i hex, RGB eller HSL.
  2. Vælg metode: vælg enkeltfarveanalyse eller paletgenerering.
  3. Kør analysen: beregn kontrastforhold og tilgængelighedspoint for hvert par.
  4. Gennemgå output: gennemgå foreslået palet og anbefalet tekstfarve.
  5. Gem/eksporter: kopier CSS-variabler eller eksporter JSON-paletter til udviklerlevering.
How to use color tool free

Frequently Asked Questions

Find hurtige svar

Hvilke inputformater understøttes?
Input accepterer hex-værdier (#RRGGBB), RGB-notation (rgb(R, G, B)) eller HSL (hsl(H, S%, L%)); eksempel: #1e90ff, rgb(30,144,255), hsl(210, 100%, 56%).
Hvordan beregnes kontrasten?
Kontrastforhold beregnes efter WCAG 2.1 relativ luminans. Hver farve konverteres til lineært sRGB, luminans beregnes, derefter ratio = (L1 + 0,05) / (L2 + 0,05).
Kan jeg eksportere resultater?
Ja. Output kan eksporteres som CSS-variabler, JSON-paletter eller en tekstsammendrag til designoverlevering og kodedeling.
Understøtter det tilgængelighedssimuleringer?
Værktøjet kan simulere almindelige farveblindheds scenarier og vise, hvordan paletter ser ud under deuteranopi eller protanopi, hvilket fremmer inkluderende design.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Register Free Account

Related Tools

Other useful calculators and utilities you might like

Color & Design Tools

Spotify til MP3-konverter

Konverterer lokalt leverede lydefiler til MP3, muliggør offline-lytning og tvær-enheds-kompatibilite...

Color & Design Tools

Vejafstandscalculator

Et vejafstandscalculator til rejsende, logistikplanlæggere og chauffører til hurtigt at estimere afs...

Color & Design Tools

Aldersberegner

Beregn hurtigt en persons alder baseret på fødselsdato med vores gratis online calculator, egnet til...

Color & Design Tools

Valutaomregner

Omregn hurtigt beløb mellem forskellige valutaer med vores gratis online valutakonverterer, ideel ti...

Din feedback betyder noget

Hjælp os med at forbedre