ตัวแปลงสี
แปลงค่า HEX, RGB, RGBA, HSL, HSLA และ HSV ที่แก้ไขได้ พร้อมแสดงตัวอย่างสีเดียวกันและคัดลอ…
เริ่มใช้งาน
เครื่องมือนี้ช่วยคุณทำอะไรได้บ้าง
แปลงค่า HEX, RGB, RGBA, HSL, HSLA และ HSV ที่แก้ไขได้ พร้อมแสดงตัวอย่างสีเดียวกันและคัดลอกรูปแบบที่โค้ดหรือระบบการออกแบบของคุณต้องการ
ตัวอย่างการใช้งาน
อินพุต
#3B82F6
ผลลัพธ์
rgb(59, 130, 246) · hsl(217, 91%, 60%)
ผลลัพธ์ถูกสร้างขึ้นอย่างไร
RGB เก็บความเข้มของช่องสัญญาณแดง เขียว และน้ำเงิน HSL อธิบายฮิว ความอิ่มตัว และความสว่าง HSV ใช้ค่าแทนความสว่าง การแปลงรักษาสีที่แสดงไว้ ภายใต้การปัดเศษและข้อจำกัดของช่วงสี
เวิร์กโฟลว์ที่มีประโยชน์
- แปลสีจากไฟล์ออกแบบเป็น CSS
- สร้างรูปแบบ HSL ที่แก้ไขได้จากค่า HEX ของแบรนด์
- ตรวจสอบค่าอัลฟาก่อนใช้โอเวอร์เลย์
ข้อจำกัดที่สำคัญ
- HEX ที่ไม่มีช่องอัลฟาจะทึบแสงเต็มที่
- การแปลงซ้ำอาจเปลี่ยนหลักสุดท้ายเนื่องจากช่องสัญญาณถูกปัดเศษ
- ค่าตัวเลขที่เท่ากันอาจปรากฏต่างกันบนจอภาพที่ไม่ได้รับการปรับเทียบ
คำถามที่พบบ่อย
สี HEX และ RGB ต่างกันหรือไม่?
เป็นสัญกรณ์สองแบบสำหรับโมเดลช่องสัญญาณ RGB เดียวกัน #3B82F6 และ rgb(59,130,246) แทนสีเดียวกัน
การแปลงสีช่วยปรับปรุงคอนทราสต์หรือไม่?
ไม่ การแปลงเปลี่ยนสัญกรณ์ ไม่ใช่คอนทราสต์ ทดสอบคู่พื้นหน้าและพื้นหลังจริง
การประมวลผลเกิดขึ้นภายในเบราว์เซอร์ของคุณ