ตัวแปลงสี
HEX, RGB, HSL, HSV, CMYK, Pantone ในคลิกเดียว
แปลงระหว่างสี HEX, RGB, HSL และสีที่มีชื่อใน CSS
พิมพ์สัญลักษณ์สี HEX, RGB, HSL หรือรูปแบบทั่วไปอื่นๆ แล้วรับค่าที่เทียบเท่าในทุกรูปแบบอื่น มีประโยชน์เมื่อนักออกแบบส่ง HEX มาให้ ร้านพิมพ์ต้องการ CMYK นักพัฒนาต้องการ HSL และเอกสารแบรนด์ของคุณระบุ Pantone ที่ตรงกัน
รูปแบบที่รองรับ
- HEX: #2464C4 หรือ 2464C4 มาตรฐานเว็บ
- RGB: rgb(36, 100, 196) หรือ 36,100,196 ช่องสัญญาณทศนิยม 0–255
- HSL: hsl(213, 70%, 45%) เฉดสี (0–360), ความอิ่มตัว, ความสว่าง
- HSV / HSB: hsv(213, 82%, 77%) ใช้ใน Photoshop และ Sketch
- CMYK: cmyk(82%, 49%, 0%, 23%) สำหรับข้อมูลการพิมพ์
- Pantone ที่ใกล้เคียงที่สุด: การจับคู่โดยประมาณพร้อมชื่อและรหัส มีประโยชน์สำหรับอ้างอิงแบรนด์
- สี CSS ที่มีชื่อ: 'cornflowerblue', 'tomato' ฯลฯ
ทำไมรูปแบบเหล่านี้ถึงสำคัญ
HEX เป็นค่าเริ่มต้นของเว็บ/นักพัฒนา — เป็นสิ่งที่คุณวางใน CSS และเครื่องมือออกแบบส่วนใหญ่ RGB และ HSL เป็นสีเดียวกันที่แสดงต่างกัน HSL จัดการได้ง่ายกว่า (เปลี่ยนเฉดสี, เพิ่มความสว่าง) ด้วยมือ CMYK สำหรับการพิมพ์ — สีบนหน้าจอของคุณจะไม่ตรงกับสีที่พิมพ์ออกมาเพราะ CMYK มีช่วงสีที่แคบกว่า Pantone สำหรับการพิมพ์สีเฉพาะจุดที่ต้องการความแม่นยำ (โลโก้บนหัวจดหมาย, บรรจุภัณฑ์)
สิ่งที่เครื่องมือนี้ไม่ทำ
นี่คือการแปลง ไม่ใช่การเลือกสี หากต้องการเลือกสีจากภาพถ่าย ใช้ Color Picker ของเรา หากต้องการแยกจานสีจากภาพ ใช้ Palette Extractor หากต้องการสร้างการไล่สีระหว่างสองสี ใช้ Gradient Generator
คำถามที่พบบ่อย
การจับคู่ Pantone แม่นยำแค่ไหน?
เราคำนวณสี Pantone Coated ที่ใกล้ที่สุดโดยใช้ระยะ Lab การจับคู่ Pantone จริงสำหรับงานพิมพ์ควรทำโดยร้านพิมพ์โดยใช้ตัวอย่างสีอ้างอิง
ทำไม CMYK ถึงดูแตกต่างบนหน้าจอ?
หน้าจอใช้ RGB; CMYK มีช่วงสีที่แคบกว่า ภาพตัวอย่างบนหน้าจอเป็นเพียงการแสดงตัวอย่าง ไม่ใช่ผลลัพธ์การพิมพ์ที่ตรงกัน
ฉันสามารถแปลงเป็นกลุ่มได้ไหม?
ได้ — วางรายการค่า HEX ทีละบรรทัด แล้วได้รับรูปแบบทั้งหมดกลับมาเป็น CSV
รองรับ HEX 8 หลักที่มีค่า alpha หรือไม่?
ใช่ — #2464C4FF (สองหลักสุดท้ายคือค่า alpha 0–FF) ผลลัพธ์จะคงค่า alpha ไว้ในทุกรูปแบบ
แล้ว HSL กับ HSV ล่ะ?
เฉดสีเดียวกัน; ความสว่าง (lightness ใน HSL) และค่า (value ใน HSV) อธิบายความสว่างแตกต่างกัน HSV ใช้งานง่ายกว่าในการเลือกสี ส่วน HSL ใช้งานง่ายกว่าในการปรับแต่ง
ชื่อสีมีความไวต่อตัวพิมพ์เล็ก-ตัวพิมพ์ใหญ่หรือไม่?
ไม่ — 'CornFlowerBlue' และ 'cornflowerblue' ใช้ได้ทั้งคู่
ฉันสามารถแชร์ URL ของจานสีได้ไหม?
ได้ — คัดลอกแถบ URL หลังจากวางสีของคุณแล้ว HEX อยู่ในพาธ คุณจึงสามารถบุ๊กมาร์กและแชร์ได้
ช่วงสี (Colour Gamut) คืออะไร?
ช่วงสีที่ระบบสามารถแสดงผลได้ โดยทั่วไป OLED ของโทรศัพท์ > จอภาพ sRGB > งานพิมพ์ CMYK > กระดาษหนังสือพิมพ์ ตามลำดับ
เกี่ยวกับ ตัวแปลงสี
ตัวแปลงสี เป็นเครื่องมือออนไลน์ฟรีจาก Wallpapers.com ที่ทำงานในเบราว์เซอร์ของคุณเท่านั้น — ไม่ต้องติดตั้ง ไม่มีลายน้ำ ไม่ต้องลงทะเบียนอีเมลสำหรับการลองครั้งแรก
แปลงระหว่างสี HEX, RGB, HSL และสีที่มีชื่อใน CSS
วิธีใช้ ตัวแปลงสี
- เลือกสีจากตัวอย่างสี หรือวางค่า HEX/RGB
- ปรับผลลัพธ์ — จานสี ความคมชัด สีคู่ตรงข้าม
- คัดลอกค่า หรือส่งออกตัวอย่างสีเป็น JSON
เมื่อใดควรใช้
กรณีการใช้งานทั่วไปได้แก่:
เตรียมรูปภาพสำหรับอัปโหลดเว็บ, รายการสินค้าอีคอมเมิร์ซ, แพลตฟอร์มโซเชียลมีเดียที่มีข้อจำกัดรูปแบบ, และแปลงไฟล์จากอุปกรณ์หรือแอปหนึ่งไปยังอีกอุปกรณ์หนึ่ง
ฟรี vs พรีเมียม
ผู้เยี่ยมชมทุกคนได้รับทดลองใช้ฟรี; ผู้ใช้ที่ลงชื่อเข้าใช้ฟรีได้รับโควต้ารายวันสูงกว่า สมัครสมาชิก
พรีเมียม
เพื่อการใช้งานไม่จำกัด, ประมวลผลเป็นกลุ่มสูงสุด 200 รูปต่องาน, คิวลำดับความสำคัญ, และการเรียกดูไม่มีโฆษณา
เครื่องมือที่เกี่ยวข้อง
กำลังมองหาสิ่งที่แตกต่างเล็กน้อย? ลอง
ตัวเลือกสีจากรูปภาพ
,
ตัวดึงจานสี
หรือ
เครื่องมือสร้างเกรเดียนต์
— หรือเรียกดูทั้งหมด
เครื่องมือสี เครื่องมือ.
