Daily Toolkits

HEX ↔ RGB ↔ HSL Converter

ປ່ຽນສີລະຫວ່າງ HEX, RGB, ແລະ HSL ທັນທີດ້ວຍ swatch ສົດ. ແກ້​ໄຂ​ຊ່ອງ​ຂໍ້​ມູນ​ໃດ​ຫນຶ່ງ — ອື່ນໆ​ຢູ່​ໃນ sync.

HEX ↔ RGB ↔ HSL Converter

Live

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

  • ປ່ຽນສີລະຫວ່າງ HEX, RGB, ແລະ HSL ທັນທີດ້ວຍ swatch ສົດ.
  • ແລ່ນຢູ່ໃນຕົວທ່ອງເວັບຂອງທ່ານ
  • ໃຊ້ຟຣີ

ວິທີການນໍາໃຊ້

  1. ໃສ່ຄ່າ HEX, RGB, ຫຼື HSL.
  2. ເບິ່ງການອັບເດດຮູບແບບອື່ນໆໂດຍອັດຕະໂນມັດ.
  3. ຄັດລອກຮູບແບບທີ່ທ່ານຕ້ອງການ.

How this tool works

  1. ໃສ່ຄ່າ HEX, RGB, ຫຼື HSL.
  2. ເບິ່ງການອັບເດດຮູບແບບອື່ນໆໂດຍອັດຕະໂນມັດ.
  3. ຄັດລອກຮູບແບບທີ່ທ່ານຕ້ອງການ.

Recommended settings

  • ໃຊ້ຕົວເລືອກເລີ່ມຕົ້ນກ່ອນ, ຈາກນັ້ນປັບປ່ຽນຖ້າຈໍາເປັນ

Supported formats

Text / on-page input

File size and limits

  • ການເບິ່ງຕົວຢ່າງຫຼາຍຊັ້ນທີ່ສັບສົນຫຼາຍອາດຈະຮູ້ສຶກຊ້າກວ່າໃນໂທລະສັບລຸ້ນເກົ່າ.

Privacy

ເຄື່ອງກໍາເນີດສີ & CSS ເຮັດວຽກທັງຫມົດໃນຕົວທ່ອງເວັບຂອງທ່ານ. ການເບິ່ງຕົວຢ່າງແລະການແປງບໍ່ເຄີຍອັບໂຫລດຮູບແບບຂອງທ່ານ.

Common use cases

  • ໃຊ້ HEX ↔ RGB ↔ HSL Converter ທຸກຄັ້ງທີ່ທ່ານຕ້ອງການ: ປ່ຽນສີລະຫວ່າງ HEX, RGB, ແລະ HSL ທັນທີດ້ວຍ swatch ສົດ.

Troubleshooting

ຕົວຢ່າງຈະແຕກຕ່າງກັນຫຼັງຈາກວາງ

ກວດເບິ່ງ CSS ທີ່ມີການແຂ່ງຂັນຢູ່ໃນຫນ້າຂອງທ່ານ (ຣີເຊັດ, ສີທີ່ສືບທອດ). ສຳເນົາກົດລະບຽບທີ່ສ້າງຂຶ້ນໃສ່ແຜ່ນສະໄຕລ໌ທີ່ໂດດດ່ຽວກ່ອນ.

FAQ

ນີ້ອັບໂຫລດ CSS ຂອງຂ້ອຍບໍ?

ບໍ່. ເຄື່ອງສ້າງ ແລະຕົວແປງສັນຍານແລ່ນຢູ່ໃນບຣາວເຊີຂອງທ່ານດ້ວຍການເບິ່ງຕົວຢ່າງສົດໆ.

ຂ້ອຍຕ້ອງການບັນຊີບໍ?

ບໍ່. ເປີດເຄື່ອງມື, tweak ການຄວບຄຸມ, ແລະຄັດລອກ CSS.

ເຄື່ອງມືທີ່ກ່ຽວຂ້ອງ

Color Contrast Checker

Check foreground/background contrast against WCAG AA and AAA guidelines.

Open tool

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.

Open tool

Box Shadow Generator

Design layered box-shadows with offset, blur, spread, and color — live preview included.

Open tool