สร้างชุดสีที่เข้ากันจากสีหลัก 1 สี
ดีไซน์:root {
--color-1: #1418DA;
--color-2: #6366F1;
--color-3: #B9BAF9;
--color-4: #F1EE63;
--color-5: #F9F7B9;
}เลือกสีพื้นฐานด้วย color picker หรือป้อนรหัส HEX
เลือกประเภทจานสี: complementary, analogous, triadic, split-complementary หรือ monochromatic
จานสีที่สร้างจะปรากฏพร้อมค่า HEX, RGB และ HSL
คลิก swatch ใดๆ เพื่อคัดลอกรหัสสีไปยังคลิปบอร์ด
สร้างชุดสีที่เชื่อมโยงกันสำหรับแบรนด์ใหม่โดยเริ่มจากสีแบรนด์หลัก
สร้างระบบสีที่ accessible และกลมกลืนสำหรับพื้นหลัง ข้อความ ปุ่ม และ accent ในเว็บหรือแอปมือถือ
เลือกจานสีที่ดูดีทั่วทุกสไลด์ใน PowerPoint หรือ Google Slides deck
กำหนดจานสีที่ใช้ซ้ำสำหรับโพสต์ Instagram และ story เพื่อสร้าง feed ที่มีภาพสม่ำเสมอ
Color Palette Generator สร้างชุดสีที่กลมกลืนจากสีพื้นฐานโดยใช้กฎทฤษฎีสี complementary, analogous, triadic และอื่นๆ — พร้อมค่า HEX, RGB และ HSL ที่คัดลอกได้
ค้นหาและแปลงรหัสสี HEX, RGB, HSL สำหรับงานดีไซน์
สร้าง CSS gradient แบบ linear หรือ radial เลือก 2-5 สี พร้อมคัดลอกโค้ด
ออกแบบ CSS box-shadow พร้อม preview แบบสด รองรับหลาย layer
ออกแบบมุมโค้งแต่ละด้านของกล่อง พร้อมแสดงผลและโค้ด
ดู Tailwind color palette ทั้งหมด คลิกเพื่อคัดลอก
ตรวจสอบ safe zone สำหรับ TikTok, Reels และ Shorts เพื่อให้คอนเทนต์ไม่โดนบัง