Փոխակերպիչ գործիք

Փոխարկեք HEX, RGB, HSL, HSV և CMYK

Դիտարկիչում փոխարկեք HEX, RGB, HSL, HSV/HSB և CMYK։ Ընտրեք գույն, պատճենեք կոդերը և ստուգեք WCAG հակադրությունը։ Ոչինչ չի վերբեռնվում։

Տեղադրեք գույնի կոդ կամ օգտագործեք ընտրիչը։ HEX, RGB, HSL, HSV և CMYK թարմացվում են միասին։ Հակադրությունը չափվում է WCAG հարաբերություններով անթափանց ֆոնի վրա։

  • Աշխատում է տեղում
  • Առանց վերբեռնման
  • Անմիջապես
  • Անվճար
Նախադիտում
Սպիտակի վրա
Սևի վրա
Մուտքի ձևաչափ

RGBA, HSLA և 8 նիշանոց HEX-ը պահում են ալֆան։ HSV և CMYK տողերը չեն պահում․ ալֆան ցուցադրվում է առանձին։

HSV և HSB նույն մոդելն են։ V և B երկուսն էլ պայծառություն են։

Այստեղի CMYK-ը էկրանի RGB-ի գնահատում է։ ICC տպագրական պրոֆիլի փոխարկում չէ։

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

Առաջնային պլանը կարող է ունենալ ալֆա և հաշվարկվում է անթափանց ֆոնի վրա։ Այս տարբերակը չի օգտագործում ֆոնի ալֆա։ Միայն հակադրությունը չի ապացուցում, որ էջը հասանելի է։

Ստուգում Արդյունք
AA սովորական տեքստ
AA մեծ տեքստ
AAA սովորական տեքստ
AAA մեծ տեքստ

Սովորական տեքստի նմուշ

Մեծ տեքստի նմուշ

Գույնի փոխարկումը և հակադրության ստուգումները կատարվում են դիտարկիչում։ Արժեքները չեն վերբեռնվում։

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

  1. Տեղադրեք HEX, RGB, HSL, HSV կամ CMYK արժեք, կամ օգտագործեք ընտրիչը։
  2. Կարդացեք փոխարկված կոդերը և պատճենեք անհրաժեշտը։
  3. Եթե գույնը տեքստի համար է, ստուգեք հակադրությունը անթափանց ֆոնի վրա։

Ինչու NEXNARA

  • Գաղտնի

    Ձեր տվյալները մնում են դիտարկիչում։

  • Անմիջապես

    Արդյունքը հայտնվում է անմիջապես։

  • Առանց վերբեռնման

    NEXNARA սերվերին ոչինչ չի ուղարկվում։

  • Աշխատում է ամենուր

    Տեղադրում չի պահանջվում։

Իմանալ ավելին

Ի՞նչ է գույնի փոխարկիչը։

Գործիքը մեկ գույնի գրառումը վերածում է մյուսներին։ Պատճենեք HEX CSS-ի համար, RGB դիզայնի, HSL կարգավորման, HSV ընտրիչների կամ պարզ CMYK գնահատում։ Հաշվարկը մնում է դիտարկիչում։

Ի՞նչ է HEX-ը։

HEX-ը կարմիրը, կանաչը և կապույտը գրում է տասնվեցական զույգերով, օրինակ #FF0000։ Կարճ #RGB-ը կրկնապատկում է յուրաքանչյուր նիշ։ Ութ նիշանոց #RRGGBBAA-ն ավելացնում է ալֆա։ Այստեղ #-ը ընտրովի է։

Ի՞նչ է RGB-ն։

RGB-ն խառնում է կարմիրը, կանաչը և կապույտը 0-ից 255։ RGBA-ն ավելացնում է ալֆա 0–1։ Էկրանները գույնը ցույց են տալիս RGB-ով, ուստի սա մյուս փոխարկումների կենտրոնական ձևաչափն է։

Ի՞նչ է HSL-ը։

HSL-ը երանգ է (0–360), հագեցվածություն (0–100%) և լուսավորություն (0–100%)։ Երանգ 360-ը հավասար է 0-ի։ HSLA-ն ավելացնում է ալֆա։ Օգտակար է, երբ ուզում եք լուսավորել կամ հագեցնել առանց հում RGB մտածելու։

Ի՞նչ է HSV / HSB-ն։

HSV-ն (նաև HSB) օգտագործում է երանգ, հագեցվածություն և արժեք/պայծառություն։ Սա HSL չէ․ լիովին պայծառ կարմիրը hsv(0, 100%, 100%) և hsl(0, 100%, 50%) է։ Գործիքը HSV-ն և HSB-ն համարում է մեկ մոդել։

Ի՞նչ է CMYK-ն։

CMYK-ը ցիան, մաջենտա, դեղին և սև է, յուրաքանչյուրը 0–100%։ Տպիչները օգտագործում են CMYK։ Այստեղի փոխարկումը էկրանի RGB-ի մաթեմատիկական գնահատում է, ոչ տպագրության պատրաստ ICC պրոֆիլ։

RGB ընդդեմ CMYK

RGB-ն էկրանի վրա գումարվող լույս է։ CMYK-ն թղթի վրա հանվող թանաք է։ Նույն թվերը միշտ չեն համընկնում տպված նմուշի հետ։ Այս CMYK-ն օգտագործեք որպես կոպիտ գաղափար, ոչ վերջնական տպագրության համար։

Ի՞նչ է ալֆան։

Ալֆան անթափանցություն է։ 1-ը պինդ է․ 0-ը լիովին թափանցիկ։ 8 նիշանոց HEX-ը, RGBA-ն և HSLA-ն պահում են այն։ Այս էջի HSV և CMYK ելքերը ալֆա չունեն, ուստի դաշտը տեսանելի է մնում։

Ի՞նչ է WCAG հակադրության հարաբերությունը։

WCAG հակադրությունը համեմատում է տեքստի և ֆոնի հարաբերական պայծառությունը։ Սովորական նպատակներ՝ 4,5:1 AA սովորական, 3:1 AA մեծ, 7:1 AAA սովորական և 4,5:1 AAA մեծ։ Չի ընդգրկում տառաչափը, հաստությունը կամ մնացած հասանելիությունը։

Ինչպես փոխարկել գույն

Ընտրեք HEX, RGB, HSL, HSV կամ CMYK։ Տեղադրեք արժեք կամ շարժեք ընտրիչը։ Փոխարկումը կատարվում է մուտքագրելիս։ Պատճենեք ցանկացած արդյունք։ Հակադրության համար դրեք անթափանց ֆոն և կարդացեք PASS կամ FAIL յուրաքանչյուր WCAG տողի կողքին։

Գաղտնիություն

Ոչինչ չի ուղարկվում NEXNARA կամ արտաքին գույնի API։ Գործիքը արժեքները չի պահում թխուկներում կամ տեղական պահեստում։

Հաճախակի հարցեր

Ինչպե՞ս HEX-ը դարձնել RGB։

Տեղադրեք HEX, օրինակ #FF0000, կամ ընտրեք գույնը։ RGB-ն հայտնվում է որպես rgb(255, 0, 0)։

Ինչպե՞ս RGB-ն դարձնել HEX։

Ընտրեք RGB և մուտքագրեք rgb(255, 0, 0) կամ R, G, B դաշտերը։ HEX-ը դառնում է #FF0000։

Ո՞րն է HSL-ի և HSV-ի տարբերությունը։

Երկուսն էլ օգտագործում են երանգ և հագեցվածություն, բայց HSL-ի երրորդ ալիքը լուսավորություն է, HSV-ինը՝ արժեք (պայծառություն)։ Լիովին պայծառ կարմիրը HSL-ում 50% լուսավորություն է, HSV-ում՝ 100% արժեք։

HSV-ն նույնն է, ինչ HSB-ն։

Այո։ HSB-ի B-ն (brightness) HSV-ի V-ն է (value)։ Ընդունվում են hsv() և hsb()։

Կարո՞ղ է RGB-ն դառնալ CMYK։

Այո, որպես էկրանի RGB-ի գնահատում։ Չի համընկնի յուրաքանչյուր տպիչի պրոֆիլի հետ։

Ինչո՞ւ տպված CMYK-ը կարող է տարբեր երևալ։

Թուղթը, թանաքը և ICC պրոֆիլները փոխում են արդյունքը։ Այս էջը չի նմանակում տպագրական մամուլ։

Ի՞նչ է նշանակում 8 նիշանոց HEX։

Վերջին երկու նիշերը ալֆա են։ #FF000080-ը կարմիր է մոտ 50% անթափանցությամբ։

Ի՞նչ հակադրության հարաբերություն է պետք։

WCAG AA սովորական տեքստի համար 4,5:1 է։ Մեծ տեքստը կարող է 3:1։ AAA սովորականը 7:1 է։ Գործիքը հաղորդում է միայն այս չորս ստուգումները։

Փոխարկումը տեղի՞ է ունենում տեղում։

Այո։ Կատարվում է դիտարկիչում։ Սերվեր և արտաքին API չկա։

Ինչպե՞ս HEX-ը դարձնել HSL։

Տեղադրեք HEX և կարդացեք HSL դաշտը, կամ սկսեք HSL-ից և պատճենեք HEX։ Երանգ 360-ը հավասար է 0-ի։