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

ตัวแปลงสี

ป้อนค่าสี CSS (เช่น #ff6600 หรือ ff6600) แล้วตัวอย่างด้านล่างจะแสดงสีนั้น

ตัวอย่างสีจะปรากฏที่นี่
HEX
RGB
RGBA
HSL
HSLA
CSS input

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

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

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

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