Loading
สร้างชุดสีจากสีตั้งต้นและรูปแบบความสัมพันธ์สี แล้วคัดลอกค่าสี
ดีไซน์: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 และรูปแบบอื่นที่แสดง
ปรับจุดสีของ gradient แบบเส้นหรือรัศมี แล้วคัดลอก CSS
สร้างเงา CSS หลายชั้นพร้อมปรับตำแหน่ง ความเบลอ การกระจาย สี และ inset
ปรับมุมโค้งแต่ละด้านเป็นพิกเซลหรือเปอร์เซ็นต์ แล้วคัดลอก CSS
ดูตารางสี Tailwind ที่มีในเครื่องมือและคัดลอกค่าสีหรือ utility
จำลองพื้นที่ที่อาจถูกบังบนรูปแนวตั้งสำหรับ TikTok, Reels หรือ Shorts