fixmint
SV

Färgkonverterare

Klistra in en HEX-kod, RGB, HSL eller ett färgnamn och få alla format på en gång, med en kontroll av WCAG-kontrast.

  • Körs på din enhet
  • Ingen registrering
  • Fungerar offline efter ett besök
—

Accepterar #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() eller ett CSS-färgnamn som rebeccapurple.

HEX—
RGB—
HSL—
HSV—
CMYK (ungefärlig)—
Nyanser och toner, tryck för att kopiera
På vitt — till 1
  • —
  • —
  • —
  • —
På svart — till 1
  • —
  • —
  • —
  • —
På din bakgrund — till 1
  • —
  • —
  • —
  • —

Varje förhållande är enligt WCAG 2.x. Stor text är 24 px eller mer, eller 18,66 px och fet. Godkänt-markeringarna kontrolleras mot det exakta förhållandet, och en genomskinlig färg blandas först in i varje bakgrund.

Så här konvertera en färgkod

  1. Skriv en HEX-kod, rgb(), hsl() eller ett färgnamn, eller välj en färg med färgprovet.
  2. Kopiera det format du behöver från de fem resultaten.
  3. Läs kontrastförhållandet och märkena AA eller AAA på vit, på svart och på en bakgrund du väljer.

Frågor

Varför är CMYK-värdet bara ungefärligt?

CMYK beror på tryckeriets bläck, papper och färgprofil. Den här konverteraren använder den enkla aritmetiska formeln, som bortser från alla tre, så en tryckt färg skiljer sig från skärmen. Be tryckeriet om en provtryckning innan en stor upplaga.

Hur räknas kontrastförhållandet ut?

WCAG 2.x räknar fram den relativa luminansen för varje färg utifrån dess röda, gröna och blå värden efter gammakorrigering. Förhållandet är den ljusare luminansen plus 0,05, delat med den mörkare luminansen plus 0,05. Svart på vitt ger 21:1, det högsta möjliga.

Vilka gränsvärden använder kontrollen?

WCAG 2.x kräver minst 4,5:1 för normal text och 3:1 för stor text på nivå AA, samt 7:1 respektive 4,5:1 på nivå AAA. Stor text är 24 px eller mer, eller 18,66 px och fet.

Vilka färgformat accepterar rutan?

HEX-koder med tre, sex eller åtta siffror, rgb() och rgba(), hsl() och hsla() samt CSS-färgnamn som rebeccapurple. Webbläsaren läser värdet, så allt den förstår som en CSS-färg fungerar.

Recensioner

    Inga recensioner än. Var först.

    Ditt betyg

    Din e-post visas eller sparas aldrig.

    Läs mer