Хөрвүүлэгч хэрэгсэл
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 том текст |
Энгийн текстийн жишээ
Том текстийн жишээ
Өнгө хөрвүүлэлт болон контраст шалгалт хөтөч дээр ажиллана. Утгыг байршуулахгүй.
Хэрхэн ажилладаг
- 01 HEX, RGB, HSL, HSV эсвэл CMYK утга буулгах, эсвэл сонгогч ашиглана уу.
- 02 Хөрвүүлсэн кодыг уншиж хэрэгтэйг хуулна уу.
- 03 Өнгө текстэд зориулсан бол тунгалаг бус дэвсгэр дээр контрастыг шалгана уу.
Яагаад 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-тэй тэнцэнэ.