แปลงรหัสสี
พิมพ์สีในรูปแบบใดก็ได้ แล้วรับทุกรูปแบบอื่นพร้อมกัน พร้อมคัดลอก
ปิดผนึกไว้บนอุปกรณ์นี้
ทำงานในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลดใด ๆ
ปิดผนึก
HEX, RGB, HSL, HWB, LAB, LCH, OKLCH, CMYK หรือชื่อสี CSS เช่น “tomato”
ทุกรูปแบบ
แก้ไขบรรทัดใดก็ได้ บรรทัดอื่นจะเปลี่ยนตาม
ตัวอย่าง
- คอนทราสต์บนสีขาว
- คอนทราสต์บนสีดำ
- ชื่อ CSS ที่ใกล้ที่สุด
สีนี้อยู่นอกช่วงที่หน้าจอแสดงได้ (sRGB) ค่าด้านล่างใช้สีที่ใกล้ที่สุดที่หน้าจอแสดงได้
CMYK เป็นการแปลงแบบง่ายที่ไม่มีโปรไฟล์งานพิมพ์ สอบถามโรงพิมพ์เพื่อค่าที่แม่นยำ
วิธีใช้งาน
-
ใส่สี
วางรหัสสีในรูปแบบใดก็ได้ พิมพ์ชื่อสี CSS หรือเลือกจากแถบสี
-
ดูทุกรูปแบบ
HEX, RGB, HSL, HWB, LAB, LCH, OKLCH และ CMYK อัปเดตทันที และคุณแก้ไขบรรทัดใดก็ได้
-
คัดลอกสิ่งที่ต้องการ
คัดลอกค่าเดียวด้วยปุ่มของค่านั้น หรือคัดลอกทุกรูปแบบพร้อมกันไว้ในโน้ตหรือคู่มือสไตล์
คำถามที่พบบ่อย
แปลง HEX เป็น RGB อย่างไร
พิมพ์หรือวางรหัส HEX จะมีหรือไม่มี # ก็ได้ แล้วค่า RGB จะแสดงทันที เลข HEX แต่ละคู่คือหนึ่งช่องสี ได้แก่ แดง เขียว และน้ำเงิน ตั้งแต่ 00 ถึง FF ซึ่งเท่ากับ 0 ถึง 255 ใน RGB
OKLCH คืออะไร และทำไมต้องใช้
OKLCH อธิบายสีด้วยความสว่าง โครมา (ความสดของสี) และเฉดสี ในแบบที่ตรงกับการรับรู้สีของคน การเปลี่ยนแค่ความสว่างทำให้สียังดูเป็นเฉดเดิม จึงเหมาะกับการสร้างเฉดสีและ Design System เบราว์เซอร์สมัยใหม่รองรับใน CSS
ค่า CMYK พร้อมใช้พิมพ์หรือไม่
เป็นการแปลงทางคณิตศาสตร์โดยไม่มีโปรไฟล์งานพิมพ์ ICC จึงเป็นจุดเริ่มต้นที่ดีแต่ยังไม่ใช่ค่าพร้อมพิมพ์ โรงพิมพ์ใช้โปรไฟล์ที่ขึ้นกับกระดาษและเครื่องพิมพ์ สอบถามโรงพิมพ์หรือใช้โปรไฟล์ของโรงพิมพ์ในโปรแกรมออกแบบเพื่อค่าที่แม่นยำ
ทำไมสีของฉันแจ้งว่าถูกปรับ
รูปแบบอย่าง OKLCH, LAB และ LCH อธิบายสีที่สดกว่าที่หน้าจอมาตรฐาน (sRGB) แสดงได้ ตัวแปลงจะจับคู่สีเหล่านั้นกับสีที่ใกล้ที่สุดที่แสดงได้โดยคงเฉดสีไว้ เพื่อให้ HEX และ RGB ยังถูกต้อง
รองรับความโปร่งใสหรือไม่
รองรับ สีที่มีค่า alpha เช่น #3442d980 หรือ rgb(52 66 217 / 0.5) จะคงความโปร่งใสในทุกรูปแบบที่รองรับ CMYK ไม่มีความโปร่งใส จึงแสดงเป็นสีทึบ
ข้อมูลของฉันถูกส่งไปที่ไหนหรือไม่
ไม่ การแปลงทั้งหมดทำงานในเบราว์เซอร์ของคุณ สิ่งที่คุณพิมพ์ไม่ถูกอัปโหลดหรือจัดเก็บ