Անցնել հիմնական բովանդակությանը
LibraTool logoLibraTool

Գույնի փոխակերպիչ անվճար

Ակնթարթային կերպով փոխակերպեք գույները HEX, RGB, HSL, HSV և CMYK ձևաչափերի միջև: Ներառում է թեթևության սանդղակ և կանխադրված ռանգ:

Աշխատում է անցանց՝ բեռնվելուց հետո

Վերածեք գույնը HEX, RGB, HSL, HSV և CMYK ձևաչափերի միջև — ցածր նախադիտմամբ և միայն մեկ հպումով պատճենելու հմա: Ամբողջ գործընթացը տեղի է ունենում ձեր բրաուզերում:

Ընդունում է: HEX (#fff կամ #ffffff), RGB (255, 255, 255), կամ HSL (360, 100%, 50%)

100%
Նախաձևեր:
HEX#14B8A6
rgb() · հինավուրrgb(20, 184, 166)
rgb() · ժամանակակիցrgb(20 184 166)
hsl() · հինավուրhsl(173, 80%, 40%)
hsl() · ժամանակակիցhsl(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 արժեքներ20, 184, 166

WCAG հակադրվածություն

Սպիտակ ֆոնի վրա

2,49:1

Ձախողում

Սև ֆոնի վրա

8,44:1

AAA
🖨️ Տպելու համար: Այս CMYK արժեքները (89%, 0%, 10%, 28%) sRGB→CMYK ստանդարտ մոտարկումն են: Ճշգրիտ տպելու գույնի համար օգտագործեք ձեր տպիչի ICC պրոֆիլը կամ տպված ապացույցը — էկրանային CMYK չի կարող համապատասխանել յուրաքանչյուր թանաքի/թղթի:

Պայծառության սանդղակ

Սեղմեք ցանկացած նմուշի վրա՝ այդ երանգին անցնելու համար

Տարածված կիրառություններ

  • Փոխել Գույն Վեբ DesignՍտանալ HEX, RGB, և HSL արժեք որևէ գույն — պատրաստ սոսկել CSS կամ Tailwind:
  • Փոխել Գույն Տպում (CMYK)Փոխել էկրան գույն (HEX/RGB) CMYK արժեք համար օգտագործել տպում design և փորձական տպում:
  • Կառուցել Գույն Պալետ Design ՀամակարգՓոխել բնական գույն ամբողջ ձեւա և սերտ համաձայն լոլ կայավ լիական design համակարգ:
  • Ստուգեք գույնի հակաստ մատչելիության համարՓոխակերպեք գույները՝ RGB արժեքներ ստանալու համար՝ կոնտրաստի հարաբերակցության գործիքներում օգտագործելու նպատակով — WCAG համապատասխանություն մատչելի դիզայնի համար։
  • Փոխակերպեք գույներ Figma-ի համարՍտանալ ճշգրիտ HEX և RGB արժեքներ կպցել Figma գույնի ընտրիչներ և դիզայն տոկեն համակարգեր:

Ինչպես է այն աշխատում

Ամբողջ փոխարկման տրամաբանությունը ձեռագիր JavaScript է, որն ամբողջությամբ աշխատում է ձեր դիտարկիչում — ոչ մի գրադարան, ոչ մի սերվերի կանչ։ Գործիքը վերլուծում է ձեր մուտքագրումը, ուղղորդում է այն մաքուր մաթեմատիկական ֆունկցիաների շղթայով և միաժամանակ արտադրում է տասնմեկ ելքային ձևաչափ, ներառյալ ժամանակակից CSS Color 4 տարածքները oklch() և lab()-ը։

  1. 1
    Ճկուն մուտքագրման վերլուծություն
    Հատուկ վերլուծիչն ընդունում է տասնվեցական (3, 4, 6 կամ 8 նիշ), rgb()/rgba(), hsl()/hsla() ինչպես հին ստորակետային շարահյուսությամբ, այնպես էլ ժամանակակից բացատային շարահյուսությամբ, և մերկ թվային եռյակներ։ Ալֆայի արժեքները տասնորդական կամ տոկոսային ձևով նորմալացվում են 0–1 տիրույթի՝ մինչև ցանկացած փոխարկման սկսելը։
  2. 2
    RGB-ն որպես փոխարկման հանգույց
    Յուրաքանչյուր ընդունված ձևաչափ նախ լուծվում է որպես կանոնական RGB եռյակ։ Այդ մեկ ներկայացումից գործիքը ճյուղավորվում է. HSL-ը և HSV-ն օգտագործում են ստանդարտ min/max/chroma բանաձևերը. CMYK-ն ստացվում է բանալի ալիքը գտնելով. և sRGB գծայնացումը (IEC 61966-2-1-ում սահմանված հատվածական գամմա կորը) կիրառվում է մինչև ընկալողական-տարածքի հաշվարկները։
  3. 3
    Ընկալողական գունային տարածքները հաշվարկված զրոյից
    oklch()-ը հաշվարկվում է Björn Ottosson-ի հղման 3×3 մատրիցներով (LMS խորանարդ-արմատ տարածք)։ lab()-ը և lch()-ը օգտագործում են Bradford քրոմատիկ հարմարեցումը՝ D65 սպիտակ կետից D50 փոխարկելու համար, ինչը համապատասխանում է, թե ինչպես է CSS Color 4-ը սահմանում lab()-ը։ Սրանք նույն բանաձևերն են, որոնք օգտագործում են դիտարկիչի մատուցման շարժիչները — այստեղ իրականացված առանց որևէ արտաքին կախվածության։
  4. 4
    WCAG հակադրություն և պայծառության սանդղակ
    Հարաբերական պայծառությունը հաշվարկվում է ըստ WCAG 2.1 բանաձևի (գծայնացված R, G, B՝ կշռված 0.2126/0.7152/0.0722), և սպիտակի ու սևի դեմ հակադրության գործակիցը գնահատվում է AA-մեծ, AA, AAA կամ Ձախողում։ Ինը-քայլանի պայծառության շերտը ստեղծվում է HSL պայծառության ալիքը 10%-ից 90% քայլելով, թույլ տալով սեղմել ցանկացած նմուշ՝ այդ երանգը փոխարկելու համար։

Առնչվող գործիքներ

🎨

Գույնի ընտրիչ և պալիտրա գեներատոր

Ընտրեք գույներ, փոխարկեք HEX/RGB/HSL միջև և ստեղծեք ներդաշնակ գունապնակ:

Փորձեք այն
🎨

Պատահական գույների գեներատոր

Ստեղծեք պատահական գույներ մեկ առ մեկ կամ հինգ գույնանոց գունապնակով, կողպեք ձեզ դուր եկածները, պատճենեք HEX, RGB կամ HSL արժեքները և արտահանեք գունապնակը PNG կամ CSS ձևաչափով։

Փորձեք այն
🎨

Գույնի պաննո գեներատոր

Ստեղծեք լրացնող, անալոգային, եռանկյունային ու միատոն գույների պաննոներ ցանկացած հիմնական գույնից: Մեկ սեղմումով պատճենեք hex կոդերը:

Փորձեք այն

Հաճախակի տրվող հարցեր