Slik regner du om en farge
- Klikk på fargeboksen for å velge en, eller skriv den i tekstfeltet.
- Du kan skrive den som HEX (#1e90ff), som rgb(), som hsl() eller med det engelske navnet.
- Se fargen i forhåndsvisningen sammen med tilsvarende HEX, RGB, HSL og CMYK.
- Kopier formatet du trenger og sjekk kontrasten mot hvit eller svart tekst.
Hva den brukes til
Designere og utviklere må ofte regne om en farge fra ett format til et annet: HEX fra en palett, rgb() i et stilark, HSL for å lage lysere eller mørkere varianter. Dette verktøyet gjør det i ett steg.
Det beregner også kontrasten mellom fargen og hvit tekst og svart tekst, etter retningslinjene for tilgjengelighet i WCAG: 4.5:1 for å oppfylle nivå AA og 7:1 for nivå AAA med normal tekst.
CMYK er en enkel omregning, nyttig som referanse. Til profesjonelt trykk bør du bruke fargeprofilen i designprogrammet ditt.
Ting å huske på
- CMYK beregnes fra RGB med standardformelen, uten fargeprofil, så den kan avvike fra det du ser på trykk.
- Fargenavn fungerer på engelsk (red, tomato, navy …).
- Den innebygde velgeren kan se annerledes ut avhengig av nettleser og enhet.
Vanlige spørsmål
Hvordan regner jeg om HEX til RGB?
Skriv inn HEX-koden (for eksempel #1e90ff), så viser verktøyet med en gang tilsvarende rgb(), sammen med HSL og CMYK.
Hva er WCAG-kontrast?
Den måler hvor lesbar tekst er mot en bakgrunn. Forholdet 4.5:1 oppfyller nivå AA og 7:1 oppfyller AAA, for normal tekst.
Godtar den farger med gjennomsiktighet?
Ja: du kan skrive #rrggbbaa, rgba() eller hsla(), og de vises også med gjennomsiktigheten sin.
Sendes noe til en server?
Nei. Alt beregnes i nettleseren din.
Er det gratis?
Ja, det er gratis, krever ingen registrering og fungerer rett i nettleseren din.