Хөрвүүлэгч хэрэгсэл

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 сервер рүү юу ч илгээгдэхгүй.

  • Хаана ч ажиллана

    Суулгах шаардлагагүй.

Дэлгэрэнгүй

Өнгө хөрвүүлэгч гэж юу вэ?

Хэрэгсэл нэг өнгөний бичлэгийг бусдад хөрвүүлнэ. CSS-д HEX, загварт 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 vs 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 сонгоно уу. Утга буулгах эсвэл сонгогчийг хөдөлгөнө үү. Бичих үед хөрвүүлнэ. Ямар ч үр дүнг хуулна уу. Контрастд тунгалаг бус дэвсгэр тавьж, WCAG мөр бүрийн хажууд PASS эсвэл FAIL уншина уу.

Нууцлал

NEXNARA эсвэл гадаад өнгөний API руу юу ч илгээгдэхгүй. Хэрэгсэл утгыг күүки эсвэл орон нутгийн хадгалалтад хадгалахгүй.

Түгээмэл асуулт

HEX-ийг RGB болгох яаж вэ?

#FF0000 шиг HEX буулгах эсвэл өнгө сонгоно уу. 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-тэй тэнцэнэ.