ชุดสีสวยงาม ตรวจสอบความคมชัด ครบจบในเวิร์กโฟลว์เดียว
ใส่สีแบรนด์ของคุณ รับชุดสีที่กลมกลืน ผลการตรวจสอบตามมาตรฐาน WCAG และไฟล์ส่งออกสำหรับ CSS, Tailwind และ Figma — โดยไม่ต้องออกจากหน้าเว็บ
แพ็กเกจเริ่มต้นที่ $5/เดือน — ยกเลิกได้ทุกเมื่อ
สร้างพาเลท
เลือกสีหลัก ColorWell จัดส่วนที่เหลือให้
Analogous
เฉดสี (อ่อน → เข้ม)
ส่งออก
ดาวน์โหลด Design Tokens
Proบันทึกจานสีเต็มรูปแบบและเฉดสีเป็นไฟล์พร้อมใช้งาน
อัปเกรดเป็น Pro เพื่อดาวน์โหลดไฟล์
ตรวจสอบความคมชัด
จับคู่สีสองสีจากจานสี ColorWell จะแสดงผลประเมินตามเกณฑ์ WCAG
ผลประเมิน: ไม่ผ่านเกณฑ์ WCAG
ครบทุกสิ่งที่ชุดสีของแบรนด์ต้องการ
ออกแบบมาเพื่อ的设计และทีม Front-end ที่พัฒนาอินเทอร์เฟซทุกวัน
ชุดสีที่กลมกลืน
เลือกสี Hex ใดๆ ColorWell จะสร้างชุดสีแบบ Analogous, Complementary, Triadic และ Monochromatic ได้ในคลิกเดียว
ตรวจสอบความคมชัดตามมาตรฐาน WCAG ทันที
ทุกคู่สีในชุดสีของคุณจะได้รับการประเมินตามมาตรฐาน AA/AAA สำหรับข้อความ, ข้อความขนาดใหญ่ และคอมโพเนนต์ UI
ส่งออกเป็น CSS, Tailwind และ Figma
ส่งออกด้วยคลิกเดียวเป็น CSS variables, Tailwind config, JSON tokens หรือ Figma styles ที่พร้อมใช้งานทันที
ตัวแปรสีที่คงความเป็นแบรนด์
ปรับสว่าง, มืด หรืออิ่มตัว โดยไม่ทำให้โทนสีเพี้ยน ColorWell ทำงานภายในพื้นที่สีเชิงการรับรู้ (Oklch)
ตั้งชื่อ Token อัตโนมัติ
ชื่ออัตโนมัติเช่น "indigo-500" หรือ "slate-700" ช่วยให้ Stylesheet อ่านง่ายสำหรับมนุษย์ ไม่ใช่แค่รหัส Hex
บันทึกและซิงค์ชุดสี
ทุกชุดสีที่คุณสร้างเป็นของคุณ — ตั้งชื่อ, ติดแท็ก และกลับมาใช้งานภายหลัง ซิงค์ผ่านคลาวด์สำหรับแพ็กเกจ Pro
3 ขั้นตอน
เริ่มจากสีแบรนด์เดียว จบด้วย Stylesheet ที่พร้อมใช้งาน
เลือก
ใส่ค่า Hex หรือใช้ Color Picker
สร้างเนื้อหา
ColorWell สร้างชุดสีที่กลมกลืนและตรวจสอบความคมชัดทั้งหมด
ส่งออก
คัดลอก CSS, Tailwind หรือ Figma tokens — ไปยัง Codebase ของคุณโดยตรง
ราคาเรียบง่าย
เลือกแพ็กเกจและเลิกปวดหัวกับโค้ดสี
สำหรับดีไซเนอร์คนเดียว
- บันทึกพาเลทได้ 100 ชุด/เดือน
- ตรวจสอบความคอนทราสต์ไม่จำกัด
- ส่งออกเป็น CSS / Tailwind / JSON
- ตัวแปรสีที่ปลอดภัยต่อแบรนด์
สำหรับทีมแบรนด์
- บันทึกพาเลทได้ 2000 ชุด/เดือน
- ส่งออกเป็น Figma token
- Brand kit (โปรเจกต์หลายพาเลท)
- ซิงก์ไลบรารีผ่านคลาวด์
- ซัพพอร์ตแบบพิเศษ
คำถามที่พบบ่อย
ต้องติดตั้งอะไรไหม?
ไม่ต้อง ColorWell ทำงานบนเบราว์เซอร์ทั้งหมด สีของคุณจะไม่ออกจากเครื่องจนกว่าคุณจะเลือกซิงก์ข้อมูล
ใช้ Color Space อะไร?
ColorWell ทำงานด้วย Oklch เป็นหลัก ทำให้ตัวแปรสีอยู่ในพื้นที่สีเชิงการรับรู้ (perceptual color space) เพื่อให้การปรับความสว่างของสีแบรนด์ไม่ทำให้ Hue เปลี่ยน
การส่งออกทำงานอย่างไร?
คัดลอกไปยังคลิปบอร์ดได้ในคลิกเดียว ทั้งตัวแปร CSS, บล็อก Tailwind config, JSON ดิบ หรือสไตล์สำหรับ Figma วางลงโค้ดหรือเครื่องมือออกแบบได้เลย
มีทดลองใช้ฟรีไหม?
ไม่ นี่คือเครื่องมือแบบชำระเงินที่มีแพ็กเกจเริ่มต้นที่ $5 ต่อเดือน Starter ราคา $5/เดือน และ Pro ราคา $15/เดือน ยกเลิกได้ทุกเมื่อ
ยกเลิกอย่างไร?
จากหน้าบัญชี หรือส่งอีเมลหาเรา การยกเลิกจะหยุดการต่ออายุครั้งถัดไป แต่ระยะเวลาที่เหลือยังใช้งานได้ตามปกติ