10 เครื่องมือ · 100% in your browser

สีและการออกแบบ

Color and CSS tools for designers: HEX/RGB/HSL/OKLCH converter, WCAG contrast checker, gradient, shadow, border-radius and bezier generators, Tailwind colour…

สี· 4 เครื่องมือ

แปลง ตรวจสอบคอนทราสต์ และเลือกจากรูปภาพ

ตัวแปลงสี (HEX/RGB/HSL/OKLCH)

แปลงค่า HEX, RGB, HSL และ OKLCH ที่ทันสมัย ได้ทันที

ตัวตรวจสอบคอนทราสต์ (WCAG)

ตรวจสอบคอนทราสต์ WCAG AA / AAA — ผ่านหรือไม่ผ่าน

ตัวค้นหาสี Tailwind

คลาส Tailwind ที่ใกล้เคียงที่สุดสำหรับสี HEX ใดๆ

เลือกสีและพาเลทสีจากรูปภาพ

วางรูปภาพเพื่อดึงพาเลทสีออกมา

ตัวสร้าง CSS· 4 เครื่องมือ

การไล่ระดับสี เงา รัศมี และเส้นโค้ง Easing

ตัวสร้าง Gradient

สร้าง CSS gradient แบบ linear, radial และ conic

ตัวสร้าง Box Shadow

ตัวแก้ไข CSS box-shadow แบบภาพ

ตัวสร้าง Border Radius

ตัวแก้ไข CSS border-radius แยกแต่ละมุม

ตัวแก้ไข Cubic Bezier

ออกแบบเส้นโค้ง Easing ของ CSS ด้วยภาพ

เลย์เอาต์· 2 เครื่องมือ

หน่วย CSS และอัตราส่วนภาพ

ตัวแปลงหน่วย CSS

แปลง px, rem, em, pt และอื่นๆ

เครื่องคำนวณอัตราส่วนภาพ

คำนวณอัตราส่วนและปรับขนาดมิติ