Pereiti prie pagrindinio turinio
LibraTool logoLibraTool

Spalvų konverteris nemokamai

Momentaliai konvertuokite spalvas tarp HEX, RGB, HSL, HSV ir CMYK formatų. Apima šviesumo skalę ir iš anksto nustatytas spalvas.

Veikia neprisijungus, kai įkeliama

Konvertuokite spalvą tarp HEX, RGB, HSL, HSV ir CMYK — su tiesiogine peržiūra ir kopijavimu vienu paspaudimu. Viskas veikia jūsų naršyklėje.

Priimami formatai: HEX (#fff arba #ffffff), RGB (255, 255, 255) arba HSL (360, 100%, 50%)

100%
Išankstiniai nustatymai:
HEX#14B8A6
rgb() · senoji versijargb(20, 184, 166)
rgb() · naujoji versijargb(20 184 166)
hsl() · senoji versijahsl(173, 80%, 40%)
hsl() · naujoji versijahsl(173 80% 40%)
oklch()oklch(70.4% 0.123 182.5)
lab()lab(67.1% -42.9 -2.3)
lch()lch(67.1% 43.0 183.1)
hsv()hsv(173, 89%, 72%)
cmyk()cmyk(89%, 0%, 10%, 28%)
RGB reikšmės20, 184, 166

WCAG kontrasto lygis

Ant balto fono

2,49:1

Nepavyko

Ant juodo fono

8,44:1

AAA
🖨️ Spausdinimui: Šios CMYK reikšmės (89%, 0%, 10%, 28%) yra standartinė sRGB→CMYK aproksimacija, skirta tik orientacinei nuorodai. Norėdami gauti tikslią spausdinimo spalvą, naudokite savo spausdintuvo ICC profilį arba spausdintą bandinį — ekrano CMYK negali atitikti kiekvienos rašalo ir popieriaus kombinacijos.

Ryškumo skalė

Spustelėkite pavyzdį, kad perjungtumėte į tą atspalvį

Dažniausi naudojimo būdai

  • Konvertuokite spalvas žiniatinklio dizainuiGaukite HEX, RGB ir HSL reikšmes bet kuriai spalvai — paruoštos įklijuoti į CSS arba Tailwind.
  • Konvertuokite spalvas spausdinimui (CMYK)Konvertuokite ekrano spalvas (HEX/RGB) į CMYK reikšmes naudoti spausdinimo dizaine ir profesionaliojs spausdinime.
  • Sukurkite spalvų paletės dizaino sistemomsKonvertuokite prekės ženklo spalvas visų formatų ir sukurkite nuoseklią šviežumo skalę visai projektavimo sistemai.
  • Patikrinkite spalvų kontrastą prieinamumuiKonvertuokite spalvas RGB vertėms kontrasto santykio įrankiuose — WCAG atitiktis prieinamam dizainui.
  • Konvertuokite spalvas„FigmaGaukite tikslias HEX ir RGB vertes„Figma

Kaip tai veikia

Visa konvertavimo logika yra rankomis parašytas JavaScript kodas, veikiantis visiškai jūsų naršyklėje — jokios bibliotekos, jokio kreipimosi į serverį. Įrankis apdoroja jūsų įvestį, nukreipia ją per grynųjų matematinių funkcijų grandinę ir vienu metu sukuria vienuolika išvesties formatų, įskaitant modernias CSS Color 4 erdves oklch() ir lab().

  1. 1
    Lankstus įvesties apdorojimas
    Individualus analizatorius priima HEX (3, 4, 6 ar 8 skaitmenų), rgb()/rgba(), hsl()/hsla() tiek senosios kablelio sintaksės, tiek modernios tarpo sintaksės formatu, ir paprastus skaitinius trejetus. Alfa reikšmės dešimtainiu ar procentiniu formatu normalizuojamos į 0–1 intervalą prieš pradedant bet kokį konvertavimą.
  2. 2
    RGB kaip konvertavimo mazgas
    Kiekvienas priimtas formatas pirmiausia išsprendžiamas į kanoninį RGB trejetą. Iš šios vienintelės reprezentacijos įrankis šakojasi toliau: HSL ir HSV naudoja standartines min/max/chroma formules; CMYK išvedamas randant pagrindinį kanalą; o sRGB linearizavimas (dalimis apibrėžta gama kreivė, aprašyta IEC 61966-2-1) taikomas prieš perceptinės erdvės skaičiavimus.
  3. 3
    Perceptinės spalvų erdvės skaičiuojamos nuo nulio
    oklch() apskaičiuojamas naudojant Björn Ottosson atskaitos 3×3 matricas (LMS kubinės šaknies erdvė). lab() ir lch() naudoja Bradford chromatinę adaptaciją D65 baltajam taškui konvertuoti į D50, kas atitinka tai, kaip CSS Color 4 apibrėžia lab(). Tai tos pačios formulės, naudojamos naršyklių atvaizdavimo varikliuose — čia realizuotos be jokios išorinės priklausomybės.
  4. 4
    WCAG kontrastas ir šviesumo skalė
    Santykinis šviesumas apskaičiuojamas pagal WCAG 2.1 formulę (linearizuoti R, G, B su svoriais 0,2126/0,7152/0,0722), o kontrasto santykis su baltu ir juodu vertinamas kaip AA-didelis, AA, AAA arba nepavyko. Devynių žingsnių šviesumo juosta sukuriama žingsniuojant HSL šviesumo kanalą nuo 10% iki 90%, leidžiant spustelėti bet kokį pavyzdį, kad konvertuotumėte tą atspalvį.

Susiję įrankiai

🎨

Spalvų parinkiklis ir paletės generatorius

Rinkitės spalvas, konvertuokite tarp HEX/RGB/HSL ir generuokite harmoningas paletes.

Išbandykite
🎨

Atsitiktinių spalvų generatorius

Generuok atsitiktines spalvas po vieną arba kaip penkių spalvų paletę, užrakink patikusias, kopijuok HEX, RGB ar HSL reikšmes ir eksportuok paletę kaip PNG arba CSS.

Išbandykite
🎨

Spalvų paletės generatorius

Generuokite papildančias, analogiškas, triadines ir monochromatines spalvų paletes iš bet kurios pagrindinės spalvos. Kopijuokite šešioliktainius kodus vienu paspaudimu.

Išbandykite

Dažnai užduodami klausimai