Värvikonverter

Teisendage värve HEX, RGB, HSL, HSV, CMYK ja LAB vahel — muutke mistahes välja ja ülejäänud uuenevad reaalajas.

Iga teisendus toimub teie brauseris. Midagi teie sisestatust ei laadita BroBroGo serverisse.

KKK

Milliste värvivormingute vahel saan teisendada?

HEX, RGB, HSL, HSV, CMYK ja LAB. Sisestage väärtus mistahes väljale ja ülejäänud viis uuenevad korraga, võimaldades teisendada mis tahes vormingust mis tahes teise.

Kas CMYK-väljund on valmis professionaalseks trükkimiseks?

Võtke seda kui ligikaudset ekraanipõhist hinnangut. Tõeline trüki-CMYK sõltub paberist, värvist ja printeri profiilist, mistõttu trükikoda võib tagastada nendest väärtustest veidi erinevad tulemused.

Miks LAB- või CMYK-värv naaseb veidi muudetuna?

LAB ja CMYK suudavad kirjeldada värve, mida ekraan ei suuda kuvada. Kui väärtus jääb väljapoole nähtavat RGB-vahemikku, kohandatakse see lähima kuvatava värvini, mistõttu tagasiteisendamine võib seda veidi muuta.

Kirjutanud ja üle vaadanud BroBroGo toimetus.Viimati uuendatud:

Värvikonverter on tööriist, mis võimaldab teisendada värve reaalajas erinevate värvimudelite vahel. Sisestades väärtuse mistahes sisestusväljale või valides värvi visuaalse värvivalija abil, uuendab tööriist koheselt kõiki teisi vorminguid. See on mõeldud disaineritele, front-end arendajatele ja kõigile teistele, kellel on vaja värviväärtusi erinevate värviruumide vahel üle kanda.

Toetatud värvivormingud ja nende sisestusreeglid

Tööriist toetab kuut põhilist värvivormingut, millest igaühel on oma kindlad sisestusreeglid ja vahemikud:

  • HEX: Kuueteistkümnendsüsteemis esitatud värvikood, mis algab trellimärgiga. Lubatud näidised on näiteks #4f46e5 või lühendatud kujul #abc. Vigase sisestuse korral kuvatakse teade: "Sisestage hex-värv, näiteks #4f46e5 või #abc."
  • RGB: Kolm numbrit, mis tähistavad punase (red), rohelise (green) ja sinise (blue) kanali intensiivsust vahemikus 0 kuni 255. Väärtused eraldatakse komadega, näiteks 79, 70, 229. Vigase sisestuse korral kuvatakse teade: "Sisestage RGB kolme numbrina vahemikus 0–255, näiteks 79, 70, 229."
  • HSL: Värvitoon (hue) vahemikus 0–360, küllastus (saturation) protsendina ja heledus (lightness) protsendina. Näidisväärtus on 243, 75%, 59%. Vigase sisestuse korral kuvatakse teade: "Sisestage HSL kujul: toon 0–360 ja kaks protsenti, näiteks 243, 75%, 59%."
  • HSV: Värvitoon (hue) vahemikus 0–360, küllastus (saturation) protsendina ja väärtus/heledus (value) protsendina. Näidisväärtus on 243, 69%, 90%. Vigase sisestuse korral kuvatakse teade: "Sisestage HSV kujul: toon 0–360 ja kaks protsenti, näiteks 243, 69%, 90%."
  • CMYK: Nelja protsendina esitatud värvimudel, mis koosneb tsüaanist (cyan), magentast (magenta), kollasest (yellow) ja mustast (key/black) vahemikus 0 kuni 100. Näidisväärtus on 66%, 69%, 0%, 10%. Vigase sisestuse korral kuvatakse teade: "Sisestage CMYK nelja protsendina vahemikus 0–100, näiteks 66%, 69%, 0%, 10%."
  • LAB: L-kanal tähistab heledust vahemikus 0–100, a-kanal tähistab rohelise-punase telge ning b-kanal sinise-kollase telge. Näidisväärtus on 40.73, 50.63, -79.08. Vigase sisestuse korral kuvatakse teade: "Sisestage LAB kujul: L 0–100 ning a ja b, näiteks 40.73, 50.63, -79.08."

Lisaks tekstiväljadele saab värvi valida visuaalse tööriistaga, mille sildiks on "Värvivalija".

Digitaalse värviesituse põhimõtted

Värvide esitamine digitaalses keskkonnas põhineb erinevatel matemaatilistel mudelitel, mis vastavad kas inimese nägemistajule või konkreetse seadme tehnilistele omadustele. Veebiarenduses ja disainis kasutatakse sageli HEX- ja RGB-mudeleid, mis kirjeldavad otse ekraanipiksleid. HSL- ja HSV-mudelid on loodud selleks, et inimestel oleks lihtsam värve intuitiivselt mõista ja muuta, reguleerides tooni, puhtust ja heledust eraldi. LAB-mudel on seadmetest sõltumatu värviruum, mis katab kogu inimesele nähtava värvispektri.

Aditiivsed ja subtraktiivsed värvimudelid

Värvide teisendamisel on oluline mõista erinevust aditiivsete ja subtraktiivsete mudelite vahel:

  • Aditiivne mudel (RGB): Kasutatakse ekraanidel, kus värv tekib valguse liitmisel. Kui punane, roheline ja sinine valgus paistavad koos maksimaalsel tugevusel, tekib valge valgus.
  • Subtraktiivne mudel (CMYK): Kasutatakse trükitehnoloogias, kus värvained neelavad ehk lahutavad paberilt peegelduvat valgust. Teoreatiliselt annab tsüaani, magenta ja kollase tindi segamine musta värvi, kuid praktikas lisatakse puhta ja sügava tooni saavutamiseks eraldi must pigment (K).

Värvihaarde piirangud ja ekraaniesituse eripärad

Erinevatel värvimudelitel on erinev värvihaare (gamut). LAB- ja CMYK-mudelid suudavad kirjeldada värvitoone, mida tavalised RGB-ekraanid ei suuda füüsiliselt kuvada.

Kui sisestate LAB- või CMYK-väljale väärtuse, mis jääb väljapoole ekraanil kuvatavat RGB-vahemikku, kohandab konverter selle automaatselt lähima võimaliku kuvatava värvini. Seetõttu võib selle kohandatud värvi tagasiteisendamisel algsesse LAB- või CMYK-vormingusse tekkida väike nihe võrreldes algselt sisestatud väärtusega.

Lisaks on CMYK-väljund ekraanil vaid ligikaudne hinnang. Kuna tegelik trükitulemus sõltub suuresti kasutatavast paberist, trükivärvidest ja konkreetse printeri profiilidest, võivad reaalses trükikojas saadavad tulemused nendest väärtustest veidi erineda.

Andmetöötlus ja privaatsus

Kõik värvide teisendamised toimuvad otse teie veebibrauseris. Sisestatud andmeid ja värvikoode ei laadita serverisse, tagades andmete töötlemise kohapeal teie seadmes.

Korduma kippuvad küsimused

Milliste värvivormingute vahel saan teisendada?
HEX, RGB, HSL, HSV, CMYK ja LAB. Sisestage väärtus mistahes väljale ja ülejäänud viis uuenevad korraga, võimaldades teisendada mis tahes vormingust mis tahes teise.

Kas CMYK-väljund on valmis professionaalseks trükkimiseks?
Võtke seda kui ligikaudset ekraanipõhist hinnangut. Tõeline trüki-CMYK sõltub paberist, värvist ja printeri profiilist, mistõttu trükikoda võib tagastada nendest väärtustest veidi erinevad tulemused.

Miks LAB- või CMYK-värv naaseb veidi muudetuna?
LAB ja CMYK suudavad kirjeldada värve, mida ekraan ei suuda kuvada. Kui väärtus jääb väljapoole nähtavat RGB-vahemikku, kohandatakse see lähima kuvatava värvini, mistõttu tagasiteisendamine võib seda veidi muuta.

Pildi värvivalijaValige pildilt mis tahes piksel ja vaadake selle HEX-, RGB- ja HSL-väärtust koos suurendusklaasiga täpseks valimiseks.Kontrastsuse kontrollijaSisestage teksti- ja taustavärv, et näha WCAG kontrastsuse suhet ja seda, millised AA ja AAA tasemed on läbitud.Binaar-/heksakonverterKonverteerige arve binaar-, heksa-, detsimaal- ja oktaalsüsteemi vahel või teisendage tekst baitideks.Pildivormingu teisendajaTeisendage JPG-, PNG-, WebP-, HEIC- ja AVIF-pilte otse oma veebilehitsejas.PildipressijaVähenda JPEG-, PNG- ja WebP-failide mahtu otse brauseris, säilitades pildimõõtmed.Kuvasuhte kalkulaatorTeisendage mis tahes laius × kõrgus selgeks suhteks nagu 16:9 või valige suhe ja arvutage puuduv külg — nii videote, fotode kui ka ekraanide jaoks.Faviconi generaatorMuutke üks PNG, JPG või SVG fail favicon.ico-ks ja kõigiks teie saidi jaoks vajalikeks ikoonisuurusteks, mis on pakitud ZIP-faili.Box Shadow generaatorLohistage liugureid box-shadow kujundamiseks, lisage sügavuse saavutamiseks kihte ja kopeerige valmis CSS kohe.Gradiendi generaatorLooge lineaarseid, radiaalseid või koonilisi gradiente, lisage värvipunkte ja määrake suund ning kopeerige CSS ühe klõpsuga.Border Radiuse generaatorÜmardage iga nurka liuguritega, kujundage orgaanilisi mulle elliptilise režiimiga ja kopeerige CSS kohe.Flexboxi generaatorSeadistage flex-konteiner ja selle elemendid visuaalsete juhtnuppudega, vaadake paigutuse reageerimist reaalajas ja kopeerige CSS ühe klõpsuga.CSS-i kujundaja ja minimeerijaTaandage sassis CSS-i, et seda oleks lihtne lugeda, või minimeerige seda avaldamiseks – turvalise režiimiga, mis ei muuda kunagi reeglite järjekorda.px to rem & em konverterTeisendage px, rem ja em vahel, kasutades oma juur- ja kontekstifondi suurusi — muutke mistahes välja ja ülejäänud kaks uuenevad tippimise ajal.