แปลงรหัสสีระหว่างทุกรูปแบบหลัก
ป้อนสีในรูปแบบที่รองรับ เช่น HEX, RGB, HSL, HSB หรือ CMYK จากนั้นเครื่องมือจะแสดงค่าที่เทียบเท่าในรูปแบบอื่นๆ ทันที ตัวอย่างสดจะแสดงตัวอย่างสี และทุกค่าอยู่ห่างจากคลิปบอร์ดของคุณเพียงคลิกเดียว ใช้เพื่อแปลสีของแบรนด์ระหว่างเครื่องมือออกแบบ, CSS และข้อกำหนดการพิมพ์
ใช้เครื่องมือนี้ฟรีBrowser tool
Color code converter
Convert between HEX, RGB, HSL, HSV, and CMYK color codes locally in your browser.
Readable text: black
Contrast vs black: 5.93:1 · vs white: 3.54:1
วิธีใช้
ป้อนค่าสี
พิมพ์หรือวางสีในรูปแบบที่รองรับ เช่น #FF5733, rgb(255, 87, 51) หรือ hsl(11, 100%, 60%)
ดูคอนเวอร์ชั่น
ช่องรูปแบบอื่นๆ ทั้งหมดจะอัปเดตโดยอัตโนมัติ ตัวอย่างตัวอย่างจะแสดงสีควบคู่ไปกับข้อมูลคอนทราสต์
คัดลอกหรือส่งออก
คลิกค่าใดก็ได้เพื่อคัดลอก หรือดาวน์โหลดการ์ดสีเป็น PNG เพื่อดูเอกสารประกอบและคำแนะนำด้านสไตล์
คุณสมบัติ
รูปแบบหกสี
แปลงระหว่างสีที่มีชื่อ HEX, RGB, HSL, HSB, CMYK และ CSS ป้อนค่าในช่องใดก็ได้ จากนั้นช่องอื่นๆ จะอัปเดตทันที
การแสดงตัวอย่างสีสด
ตัวอย่างขนาดใหญ่จะอัปเดตแบบเรียลไทม์ในขณะที่คุณพิมพ์ เห็นเฉดสีที่แน่นอนโดยไม่ต้องออกจากเครื่องมือหรือเปลี่ยนไปใช้แอปพลิเคชันการออกแบบ
คัดลอกเพียงคลิกเดียว
คลิกค่าสีใดก็ได้เพื่อคัดลอกไปยังคลิปบอร์ด การแจ้งเตือนเล็กๆ น้อยๆ จะยืนยันการคัดลอก เพื่อให้คุณสามารถวางได้ทันที
ส่งออกการ์ดสี
ดาวน์โหลดการ์ด PNG ที่แสดงตัวอย่างพร้อมค่ารูปแบบทั้งหมด ใช้ในงานนำเสนอ คู่มือสไตล์ หรือเอกสารประกอบ
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhanceข้อมูลจำเพาะ
| รูปแบบที่รองรับ | ชื่อ HEX, RGB, HSL, HSB, CMYK, CSS |
| ดูตัวอย่าง | ตัวอย่างสดพร้อมอัตราส่วนคอนทราสต์ |
| ส่งออก | การ์ดสี PNG |
| การสนับสนุนอัลฟ่า | HEX8, RGBA, HSLA |
| สีที่มีชื่อ | 148 CSS ชื่อสี |
| กำลังประมวลผล | ฝั่งไคลเอ็นต์ (ไม่มีการอัปโหลด) |
Related Magic Eraser Tools
คำถามทั่วไป
การแปลง CMYK นั้นแม่นยำสำหรับการพิมพ์หรือไม่?
+
เครื่องมือนี้ใช้สูตรมาตรฐานเพื่อประมาณค่า CMYK จาก RGB สำหรับงานพิมพ์ที่สำคัญ คุณควรตรวจสอบค่า CMYK กับโปรไฟล์สี ICC ที่ปรับเทียบแล้วในขั้นตอนการพิมพ์ของคุณ เนื่องจากการแปลงจะขึ้นอยู่กับการผสมหมึกและกระดาษที่เฉพาะเจาะจง
ฉันสามารถป้อนสีด้วยความโปร่งใสของอัลฟ่าได้หรือไม่
+
ใช่. เครื่องมือนี้รองรับรหัส HEX 8 หลัก, RGBA และค่า HSLA ช่องทางอัลฟ่าจะถูกเก็บรักษาไว้สำหรับการแปลงที่รูปแบบรองรับ
HSL และ HSB แตกต่างกันอย่างไร?
+
HSL (Hue, Saturation, Lightness) และ HSB (Hue, Saturation, Brightness) ใช้แกนเฉดสีเดียวกัน แต่กำหนดความอิ่มตัวและองค์ประกอบที่สามต่างกัน เครื่องมือจะแปลงระหว่างเครื่องมือเหล่านี้เพื่อให้คุณสามารถทำงานได้ในรูปแบบใดก็ตามที่แอปพลิเคชันการออกแบบของคุณใช้
ต้องการแก้ไขสีภาพถ่ายหรือไม่?
AI Enhance สามารถปรับสมดุลสีขาว ความอิ่มตัว และอุณหภูมิสีในรูปภาพของคุณได้ หาสีจากแหล่งที่มา จากนั้นใช้เครื่องมือนี้เพื่อค้นหาโค้ดที่ถูกต้อง
ลองฟรีMore free tools
Explore our other limited free edits after sign-in photo and image tools.
ออกแบบการไล่ระดับสีเชิงเส้น รัศมี และทรงกรวยด้วยการหยุดสีหลายสี คัดลอกโค้ด CSS หรือดาวน์โหลดเป็นรูปภาพ PNG ไม่จำเป็นต้องลงทะเบียน
แปลงรหัสสี HEX เป็นค่า RGB และในทางกลับกัน การแสดงตัวอย่างสด การคัดลอกในคลิกเดียว และเอาต์พุตโค้ด CSS ไม่จำเป็นต้องลงทะเบียน — ใช้งานได้ในเบราว์เซอร์ของคุณ
เลือกสีใดก็ได้จากภาพที่อัปโหลดและรับรหัส HEX, RGB และ HSL ทันที สร้างจานสีจากภาพถ่ายสำหรับการออกแบบเว็บ การสร้างแบรนด์ และภาพประกอบ
อัปโหลดภาพถ่ายและแยกสีเด่น 5-10 สีด้วยรหัส HEX, RGB และ HSL คัดลอกตัวอย่าง ส่งออกเป็นตัวแปร ASE หรือ CSS ไม่จำเป็นต้องลงทะเบียน
สร้างรหัส QR สำหรับ URL ข้อความ ข้อมูลรับรอง WiFi และ vCard ปรับแต่งสี เพิ่มโลโก้ตรงกลาง และดาวน์โหลดเป็น PNG หรือ SVG ไม่จำเป็นต้องลงทะเบียน
คำนวณความกว้าง ความสูง หรืออัตราส่วนภาพของรูปภาพและวิดีโอ ป้อนค่าสองค่าใดก็ได้และรับค่าที่สาม อัตราส่วนที่กำหนดไว้ล่วงหน้าสำหรับโซเชียลมีเดีย ภาพยนตร์ และสิ่งพิมพ์ ไม่จำเป็นต้องลงทะเบียน