ตัวแปลงสี ตัวแปลงสี

ตัวแปลงสี

ป้อนค่าสี CSS เช่น #ff6600, ff6600, rgb(255 102 0) หรือ hsl(24 100% 50%) เครื่องมือจะแสดงสีและแปลงเป็นรูปแบบ CSS ทั่วไป

ตัวอย่างสีจะปรากฏที่นี่
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
อินพุตซีเอสเอส
—

เหตุใดจึงต้องใช้ตัวตรวจสอบสี CSS ออนไลน์

เครื่องมือนี้ช่วยให้คุณเห็นภาพค่าสี CSS ใด ๆ ได้อย่างรวดเร็วในเบราว์เซอร์ของคุณโดยตรง คุณสามารถวางโค้ดจากระบบการออกแบบ คู่มือสไตล์ หรือเค้าโครง และดูได้ทันทีว่าโค้ดเหล่านั้นมีลักษณะอย่างไรบนหน้าจอ

ใช้เมื่อเตรียมสไตล์สำหรับเว็บไซต์ จับคู่สีของแบรนด์ หรือแก้ไขข้อบกพร่องเค้าโครงที่มีอยู่ ตัวตรวจสอบรองรับรูปแบบ CSS มาตรฐานทั้งหมด รวมถึง HEX, RGB, RGBA, HSL และสีที่มีชื่อ

✓ ดูตัวอย่างสี CSS ก่อนที่จะใช้ในสไตล์ชีตหรือระบบการออกแบบ
✓ ตรวจสอบค่า HEX, RGB, RGBA, HSL และชื่อสีได้ในที่เดียว
✓ มีประโยชน์สำหรับการจับคู่สีของแบรนด์และแก้ไขเค้าโครงที่มีอยู่
✓ วางค่าสีและดูตัวอย่างได้โดยตรงในเบราว์เซอร์
✓ ใช้ตัวอย่างตัวอย่างเพื่อให้แน่ใจว่าสีที่แยกวิเคราะห์ตรงกับเฉดสีที่ต้องการ
✓ ตัวแปลงช่วยเมื่อคุณคัดลอกสีระหว่าง CSS เครื่องมือออกแบบ และเอกสารประกอบ