» Spalvų keitiklis


Spalvų keitiklis HEX, RGB, RGBA, HSL, HSLA, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ ir CSS spalvų pavadinimams. Keiskite spalvų kodus gyvai, kopijuokite paruoštas reikšmes ir vienoje vietoje patikrinkite tikslią CSS išvestį.

Naudokite šį spalvų keitiklį, kad akimirksniu keistumėte tarp HEX, RGB, RGBA, HSL, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ ir CSS spalvų pavadinimų. Įveskite bet kurį palaikomą formatą, koreguokite reikšmes slankikliais ir kopijuokite rezultatą CSS, dizaino sistemoms, spaudos paruošimui ar spalvų analizei.

Keitiklis gyvai atnaujina visas išvestis, aiškiai rodo pasirinktą spalvą ir palaiko atvirkštinius skaičiavimus iš kiekvieno įvesties režimo. Tai naudinga, pavyzdžiui, HEX į RGB, RGB į HEX, HSL ar CMYK reikšmėms tikrinti ir moderniems suvokimo formatams, tokiems kaip OKLCH ir OKLAB, palyginti.

Pirminiai duomenys

Pasirinkite bet kurį formatą, įveskite reikšmes, ir visi atitinkami spalvų kodai atsinaujins gyvai.

Įvesties formatas
Pasirinkite formatą, kurį norite redaguoti tiesiogiai.
Palaiko #RGB, #RGBA, #RRGGBB ir #RRGGBBAA.
Pavyzdžiai: tomato, rebeccapurple, royalblue, lightseagreen.
Įveskite raudonos, žalios ir mėlynos reikšmes nuo 0 iki 255.
Skaidrumui naudokite alfa reikšmę nuo 0 iki 1.
Keiskite atspalvį, sodrumą ir šviesumą, kad patogiai redaguotumėte CSS spalvas.
HSLA prie HSL prideda alfa skaidrumą.
HSV naudinga, kai spalvą norite suvokti kaip atspalvį, sodrumą ir ryškumą.
CMYK daugiausia naudojama spausdinimui skirtoms spalvų reikšmėms.
LAB yra suvokimo spalvų erdvė ir gali sukurti ekrane neatvaizduojamų spalvų.
LCH atskiria šviesumą, chromą ir atspalvį suvokimu pagrįstam redagavimui.
OKLAB yra moderni suvokimo spalvų erdvė UI ir palečių darbams.
OKLCH palengvina suvokimu pagrįstą atspalvio ir chromos keitimą.
XYZ yra etaloninė spalvų erdvė, dažnai naudojama konvertavimui.

1 pav. Spalvų keitiklis


HEX #3366CC
RGB rgb(51, 102, 204)
CMYK cmyk(75%, 50%, 0%, 20%)
Spalvos režimu galite keisti atspalvį, sodrumą ir šviesumą.

Rezultatas

Konvertuotos spalvų reikšmės

Dažniausiai naudojami formatai

Kiti formatai

Dažniausi klausimai apie spalvų keitiklį

Kas yra spalvų keitiklis?
Spalvų keitiklis paima vieną spalvos formatą, pavyzdžiui, #3366cc arba rgb(51, 102, 204), ir apskaičiuoja atitinkamas reikšmes kituose formatuose, tokiuose kaip HSL, CMYK, LAB arba OKLCH.

Kaip pakeisti HEX į RGB?
Pasirinkite HEX įvesties režimą, įveskite tinkamą šešioliktainį kodą, pavyzdžiui, #ff6600, ir keitiklis automatiškai parodys atitinkamas RGB, HSL, CMYK bei kitų formatų reikšmes.

Kaip pakeisti RGB į HEX?
Pasirinkite RGB režimą, įveskite raudonos, žalios ir mėlynos kanalų reikšmes ir nukopijuokite sugeneruotą HEX rezultatą. Tai standartinis RGB į HEX procesas interneto spalvoms.

Kas yra HSL?
HSL reiškia atspalvį, sodrumą ir šviesumą. Jis aprašo spalvą pagal kampą spalvų rate ir pagal tai, kokia ji intensyvi, šviesi ar tamsi atrodo, todėl dažnai ją lengviau koreguoti akimi nei neapdorotas RGB reikšmes.

Kam naudojamas CMYK?
CMYK daugiausia naudojamas spaudos procesuose, nes spalvą išreiškia kaip žydros, purpurinės, geltonos ir juodos dažų padengimą. Tai naudinga ruošiant maketus spaustuvėms, pakuotėms ar poligrafijos gamybai.

Kas yra OKLCH?
OKLCH yra suvokimo spalvų formatas, kilęs iš OKLAB. Jis atskiria šviesumą, chromą ir atspalvį žmogaus regėjimui tolygesniu būdu, todėl tinka modernioms UI paletėms ir dizaino sistemoms.

Ar konvertavimai yra tikslūs?
Toje pačioje spalvų erdvėje konvertavimai gali būti tikslūs arba labai artimi tikslumui, tačiau kai kurie formatai naudoja kitus modelius ar etalonines erdves. CMYK, LAB, LCH ir OKLCH reikšmėms, grąžinant į ekrane saugų sRGB, gali reikėti apvalinimo arba gamos apribojimo.

Ar rezultatus galima naudoti CSS?
Taip. Sugeneruotos HEX, RGB, RGBA, HSL, HSLA ir tikslių CSS spalvų pavadinimų reikšmės paruoštos naudoti CSS kintamuosiuose, inline stiliuose ir dizaino tokenuose.