designtool.tools คืออะไร?

เครื่องมือออกแบบออนไลน์ฟรี — รัศมีขอบ เงา ตัวแปลงสี และอื่นๆ

ฟรีหรือไม่?

ใช่ เครื่องมือทั้งหมดฟรี ไม่ต้องลงทะเบียน

เครื่องมือออกแบบ — designtool.tools — เครื่องมือออกแบบและสีออนไลน์ฟรี

ชุดเครื่องมือเดียว
ทุกงานออกแบบ

ตั้งแต่ทฤษฎีสีไปจนถึงการปฏิบัติตามข้อกำหนดด้านคอนทราสต์ — เครื่องมือ 10 อย่างที่ออกแบบมาเพื่อนักออกแบบและนักพัฒนา

⬡

เครื่องสร้างมุมโค้ง

โปรแกรมแก้ไขรัศมีเส้นขอบภาพพร้อมการแสดงตัวอย่างแบบเรียลไทม์ คัดลอกโค้ด CSS ด้วยการควบคุมแต่ละมุม

CSS · โปรแกรมแก้ไขภาพ

◻

เครื่องสร้างเงา

เครื่องมือสร้างเงากล่องแบบโต้ตอบพร้อมการแสดงตัวอย่าง Canvas แบบเรียลไทม์หลายชั้นและเอาต์พุต CSS

CSS · แบบเลเยอร์

เครื่องจำลองตาบอดสี

จำลองว่าสีปรากฏต่อผู้ใช้ตาบอดสีอย่างไร

การเข้าถึง·การจำลอง

🔄

ตัวแปลงสี

แปลงระหว่าง HEX, RGB, HSL, CMYK และ OKLCH ด้วยการแปลงแบบสองทิศทางทันที

ตัวแปลง · ทุกรูปแบบ

◎

วงล้อสี

วงล้อสีแบบโต้ตอบเพื่อสำรวจเฉดสี ความอิ่มตัว และความสัมพันธ์ของสี คลิกเพื่อเลือกและล็อคสี

แบบโต้ตอบ · ภาพ

👁

เครื่องตรวจสอบความคมชัด

ตรวจสอบการปฏิบัติตาม WCAG AA/AAA สำหรับสีข้อความและพื้นหลัง รับคะแนนการเข้าถึงได้ทันที

การเข้าถึง · AA/AAA

เครื่องสร้าง CSS Grid

สร้างเค้าโครง CSS Grid ด้วยภาพพร้อมการแสดงตัวอย่างแบบเรียลไทม์

CSS·โปรแกรมแก้ไขภาพ

🔤

การจับคู่ฟอนต์

ค้นพบการจับคู่แบบอักษรที่กลมกลืนกันสำหรับส่วนหัวและข้อความเนื้อหาจากคอลเลกชันที่รวบรวมไว้

การพิมพ์ · แบบอักษรมากกว่า 300 แบบ

🌈

เครื่องสร้างเกรเดียนต์

ออกแบบการไล่ระดับสีเชิงเส้นและแนวรัศมีที่สวยงามพร้อมการแสดงตัวอย่าง Canvas แบบเรียลไทม์ คัดลอกโค้ด CSS ทันที

การไล่ระดับสี · การส่งออก CSS

ค่าที่ตั้งล่วงหน้าการไล่สี

เรียกดูและคัดลอกค่าที่ตั้งล่วงหน้าการไล่สีที่สวยงาม 15 รายการ

ค่าที่ตั้งล่วงหน้า·คลิกเดียว

🖼

จานสีจากรูปภาพ

แยกชุดสีที่สวยงามออกจากภาพใดๆ โดยใช้การวัดปริมาณสีอัจฉริยะ

การสกัด · อัจฉริยะ

🎨

เครื่องสร้างจานสี

สร้างโทนสีที่กลมกลืนกันด้วยโหมดสีเดียว สีเสริม สีอะนาล็อก และสีสามสี ดูตัวอย่างแบบเรียลไทม์ด้วยการส่งออก CSS

สี·แบบโต้ตอบ

📐

ระบบสี UI

สร้างชุดโทเค็นการออกแบบที่สมบูรณ์จากสีเมล็ดเดียว ส่งออกเป็น Tailwind, CSS หรือ SCSS

โทเค็นการออกแบบ · Tailwind

🌍

14 ภาษา

ทุกเครื่องมือ ทุกฉลาก ทุกคำแนะนำ — แปลโดยสมบูรณ์

♿

การเข้าถึงก่อน

ทุกจานสีมีคะแนนคอนทราสต์ WCAG ออกแบบอย่างครอบคลุมตั้งแต่เริ่มต้น

⚡

การส่งออกที่เป็นมิตรกับ Dev

CSS, Tailwind, SCSS, JSON — คัดลอกรูปแบบที่โปรเจ็กต์ของคุณต้องการ

ออกแบบเครื่องมือสำหรับทุกคน ทุกที่

ชุดเครื่องมือเดียวทุกงานออกแบบ