ไม่มีการจัดเก็บหรือส่งข้อมูลไปยังเซิร์ฟเวอร์

Color Converter

แปลงสีสำหรับ CSS แพลตฟอร์มมือถือ และโทเคนออกแบบ

รองรับ HEX, RGB, HSL, HWB, Lab, LCH, Oklab, OKLCH, Display P3 และชื่อสี CSS

#5CCC7FCC
H139°
อัลฟา80%
ตัวอย่าง
บนพื้นสว่าง
บนพื้นมืด

ทุกอย่างประมวลผลในเบราว์เซอร์ของคุณเท่านั้น

HEX
RGB
OKLCH
HEX + AlphaRRGGBBAA
RGB + Alpha
HSL
HSL + Alpha

CSS HEX ใช้ RRGGBBAA ส่วน Android และ Flutter ใช้ AARRGGBB

สีล่าสุด

สีที่แปลงแล้วจะแสดงที่นี่

เครื่องมือที่เกี่ยวข้อง

CSS ตัวจัดโค้ด & ตัวย่อจัดรูปแบบ เพิ่มประสิทธิภาพ และบีบอัดโค้ด CSSตัวสร้าง Code Screenshotสร้างภาพโค้ดที่ดูสะอาดสำหรับเอกสาร โพสต์ และ READMEเครื่องมือแปลงหน่วยเครื่องมือแปลงหน่วยสำหรับนักพัฒนา: ขนาดข้อมูล, ความเร็ว, เวลา และอื่นๆ
Color Converter คืออะไร?

เครื่องมือนี้แยกวิเคราะห์สีหนึ่งค่าและสร้างค่าพร้อมคัดลอกสำหรับ CSS, JavaScript, แพลตฟอร์มมือถือ, โทเคนออกแบบ และปริภูมิสีสมัยใหม่ โดยคงค่าอัลฟา แสดงข้อจำกัดขอบเขตสี และประมวลผลในเบราว์เซอร์ทั้งหมด

วิธีใช้
  1. 1.วางหรือพิมพ์สี HEX, RGB, HSL, HWB, Lab, LCH, Oklab, OKLCH, Display P3 หรือชื่อ CSS
  2. 2.ปรับด้วยตัวเลือกสีหรือแถบอัลฟา
  3. 3.เปิดรูปแบบ โค้ด โทเคน หรือตรวจสอบ แล้วคัดลอกค่าที่ต้องการ
  4. 4.เรียกคืนสีจากประวัติในเครื่อง
ความแม่นยำและความเป็นส่วนตัว

การแปลงทั้งหมดใช้โมเดลสีความแม่นยำสูงเดียวกันและปัดเศษเฉพาะตอนจัดรูปแบบผลลัพธ์ พิกัด Display P3 จะถูกเก็บไว้และแจ้งเมื่อ sRGB ต้องตัดค่า CMYK เป็นเพียงค่าประมาณ ไม่ใช่การแปลงสิ่งพิมพ์แบบ ICC และไม่มีการอัปโหลดสี