Hoppa till huvudinnehåll
LibraTool logoLibraTool

Gratis Färgväljare och palettgenerator

Välj färger, konvertera mellan HEX/RGB/HSL och generera harmoniska paletter.

Fungerar offline när den väl lästs in
HEX
HSV
h217°
s76%
v96%
endast visning

RGB

r
g
b

HSL

H
S
L

Fler format

HEX8#3b82f6ff
RGBrgb(59 130 246)
HWBhwb(217 23% 4%)
CMYKcmyk(76%, 47%, 0%, 4%)
OKLCHoklch(62.3% 0.188 259.8)
SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)
Android0xFF3B82F6
FlutterColor(0xFF3B82F6)

WCAG-kontrast

Närmaste namngivna färg: dodgerblue · Svart text är lättare att läsa här (5,71:1)

Text på vit3,68:1AA stort
Text på svart5,71:1AA
Text på #ffffff3,68:1AA stort

Nyanser och toner (50–950)

Färgpalett

Komplementär

#3b82f6
#f6af3c

Triadisk

#3b82f6
#f63c83
#83f63c

Analog

#3ce0f6
#3b82f6
#523cf6

Monokromatisk

#073c92
#0a5adb
#3b82f6
#85b2f9
#cee0fd

Vanliga användningar

  • Färgväljare för webbdesignVälj och generera färger för din webbplats — få HEX-, RGB- och HSL-värden plus harmoniska palett.
  • Färgväljare för varumärkesprofileringBygg din varumärkespallett — välj primära, sekundära och accentfärger som fungerar tillsammans.
  • Färgväljare för sociala medierSkapa iögonfallandefärgpaletter för sociala medieinlägg, berättelser och profildesigner.
  • Färgväljare för tryckdesignVälj färger för tryckta material — flygblad, visitkort, broschyrer — med exakta färgförhandsgranskningar.
  • Färgväljare för presentationerDesigna färgscheman för bildspel — välj läsbar textfärg, diagrampaletter och konsekventa accentnyanser.

Så här fungerar det

Allt körs direkt i din webbläsare med handskriven omvandlingsmatematik — inget färgbibliotek, ingen serverrundtur. Du väljer en färg via webbläsarens inbyggda färginmatning eller EyeDropper-API:et, och verktyget omvandlar den direkt till sex format samtidigt som det beräknar WCAG-kontrastförhållanden och genererar harmonipaletter.

  1. 1
    Färginmatning via inbyggt API
    Du väljer en färg genom webbläsarens inbyggda <input type="color">-widget, eller — i Chromium-baserade webbläsare — låter EyeDropper-API:et dig provta valfri pixel på din skärm. Båda vägarna returnerar en hexsträng som blir den enda sanningskällan.
  2. 2
    Handskrivna formatomvandlingar
    Verktyget omvandlar hexvärdet till RGB, HSL, HSV, CMYK och OKLCH med sina egna matematikfunktioner (inget externt bibliotek). OKLCH-omvandlingen lineariserar sRGB-kanalerna, tillämpar OKLab-kubrotsmatrisen, och härleder sedan kroma och nyansvinkel — vilket motsvarar modern CSS Color Level 4-utdata.
  3. 3
    Beräkning av WCAG-kontrastförhållande
    Relativ luminans beräknas från de lineariserade RGB-kanalerna med WCAG 2.x-formeln. Verktyget beräknar sedan kontrastförhållanden mot rent vitt och rent svart och märker dem AA-stor, AA, AAA eller Underkänt enligt WCAG-gränsvärdena (3:1, 4,5:1, 7:1).
  4. 4
    Generering av harmonipalett och lokal sparning
    Komplementära, triadiska, analoga och monokroma färgprov härleds genom att matematiskt rotera eller stega HSL-nyans- och ljushetsvärdena. Sparade paletter skrivs till localStorage i din webbläsare — inget lämnar din enhet.

Relaterade verktyg

🎨

Slumpmässig färggenerator

Skapa slumpmässiga färger en i taget eller som en palett med fem, lås de du gillar, kopiera HEX-, RGB- eller HSL-värden och exportera paletten som PNG eller CSS.

Prova det
🎨

Färgkonverterare

Konvertera färger mellan HEX-, RGB-, HSL-, HSV- och CMYK-format direkt. Inkluderar en ljushetsskala och förinställda färgprov.

Prova det
🎨

Bildfärgpalettextraherare

Extrahera de dominerande färgerna från valfri bild med k-means-färgkvantisering. Hämta hexkoder för de 2–16 vanligaste färgerna i ditt foto eller logotyp.

Prova detFiler stannar lokalt

Vanliga frågor