ເຄື່ອງມືແປງ

ແປງ HEX, RGB, HSL, HSV ແລະ CMYK

ແປງ HEX, RGB, HSL, HSV/HSB ແລະ CMYK ໃນບຣາວເຊີ. ເລືອກສີ ສຳເນົາລະຫັດ ແລະກວດຄວາມຄົມຊັດ WCAG. ບໍ່ມີຫຍັງອັບໂຫຼດ.

ວາງລະຫັດສີ ຫຼືໃຊ້ຕົວເລືອກ. HEX, RGB, HSL, HSV ແລະ CMYK ອັບເດດຮ່ວມກັນ. ຄວາມຄົມຊັດວັດດ້ວຍອັດຕາສ່ວນ WCAG ເທິງພື້ນທຶບ.

  • ເຮັດວຽກໃນເຄື່ອງ
  • ບໍ່ອັບໂຫຼດ
  • ທັນທີ
  • ຟຣີ
ເບິ່ງຕົວຢ່າງ
ເທິງຂາວ
ເທິງດຳ
ຮູບແບບປ້ອນ

RGBA, HSLA ແລະ HEX 8 ຕົວເກັບອາລຟາ. ສະຕຣິງ 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 ໂປ່ງໃສທັງໝົດ. HEX 8 ຕົວ, RGBA ແລະ HSLA ເກັບໄວ້. ຜົນ HSV ແລະ CMYK ໃນໜ້ານີ້ບໍ່ມີອາລຟາ ຈຶ່ງສະແດງຊ່ອງແຍກ.

ອັດຕາສ່ວນຄວາມຄົມຊັດ WCAG ຄືຫຍັງ?

ຄວາມຄົມຊັດ WCAG ປຽບທຽບຄວາມສະຫວ່າງສັບພັນຂອງຂໍ້ຄວາມ ແລະພື້ນຫຼັງ. ເປົ້າໝາຍທົ່ວໄປ: AA ປົກກະຕິ 4.5:1, AA ໃຫຍ່ 3:1, AAA ປົກກະຕິ 7:1, AAA ໃຫຍ່ 4.5:1. ບໍ່ຄອບຂະໜາດຕົວອັກສອນ ຄວາມໜາ ຫຼືການເຂົ້າເຖິງອື່ນ.

ວິທີແປງສີ

ເລືອກ 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 ແມ່ນຄ່າ (ຄວາມສະຫວ່າງ). ແດງສະຫວ່າງສຸດແມ່ນ 50% ຄວາມສະຫວ່າງໃນ HSL ແລະ 100% ຄ່າໃນ HSV.

HSV ຄືກັບ HSB ບໍ?

ແມ່ນ. B ຂອງ HSB (brightness) ຄື V ຂອງ HSV (value). ຮັບ hsv() ແລະ hsb().

ແປງ RGB ເປັນ CMYK ໄດ້ບໍ?

ໄດ້ ເປັນການປະມານຈາກ RGB ໜ້າຈໍ. ຈະບໍ່ກົງທຸກໂປຣໄຟລ໌ເຄື່ອງພິມ.

ເປັນຫຍັງ CMYK ພິມຈຶ່ງເບິ່ງຕ່າງ?

ເຈ້ຍ ຫມຶກ ແລະໂປຣໄຟລ໌ ICC ປ່ຽນຜົນ. ໜ້ານີ້ບໍ່ຈຳລອງເຄື່ອງພິມ.

HEX 8 ຕົວໝາຍຄວາມວ່າແນວໃດ?

ສອງຕົວສຸດທ້າຍແມ່ນອາລຟາ. #FF000080 ແມ່ນແດງທຶບປະມານ 50%.

ຕ້ອງການອັດຕາສ່ວນຄວາມຄົມຊັດເທົ່າໃດ?

WCAG AA ຂໍ້ຄວາມປົກກະຕິ 4.5:1. ຂໍ້ຄວາມໃຫຍ່ໃຊ້ 3:1 ໄດ້. AAA ປົກກະຕິ 7:1. ເຄື່ອງມືນີ້ລາຍງານພຽງສີ່ການກວດນີ້.

ການແປງເຮັດໃນເຄື່ອງບໍ?

ແມ່ນ. ແລ່ນໃນບຣາວເຊີ. ບໍ່ມີເຊີບເວີ ແລະບໍ່ມີ API ພາຍນອກ.

ແປງ HEX ເປັນ HSL ແນວໃດ?

ວາງ HEX ແລ້ວອ່ານຊ່ອງ HSL ຫຼືເລີ່ມຈາກ HSL ແລ້ວສຳເນົາ HEX. ຮິວ 360 ເທົ່າ 0.