สี CSS จากโค้ด

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

ป้อนรหัสสี CSS

ตัวอย่างสีจะปรากฏที่นี่

HEX

—

RGB

—

RGBA

—

HSL

—

HSLA

—

อินพุตซีเอสเอส

—

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

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

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

✓ ดูตัวอย่างสี CSS ก่อนที่จะใช้ในสไตล์ชีตหรือระบบการออกแบบ

✓ ตรวจสอบค่า HEX, RGB, RGBA, HSL และชื่อสีได้ในที่เดียว

✓ มีประโยชน์สำหรับการจับคู่สีของแบรนด์และแก้ไขเค้าโครงที่มีอยู่

✓ วางค่าสีและดูตัวอย่างได้โดยตรงในเบราว์เซอร์

✓ ใช้ตัวอย่างตัวอย่างเพื่อให้แน่ใจว่าสีที่แยกวิเคราะห์ตรงกับเฉดสีที่ต้องการ

✓ ตัวแปลงช่วยเมื่อคุณคัดลอกสีระหว่าง CSS เครื่องมือออกแบบ และเอกสารประกอบ