สร้างพาเลตต์สี
สร้างพาเลตต์สี complementary, analogous, triadic และ monochromatic จากสีฐานใดๆ
Base Color
Complementary
:root {
--color-1: #6366f1;
--color-2: #f2ef64;
}Analogous
:root {
--color-1: #64adf2;
--color-2: #6366f1;
--color-3: #a864f2;
}Triadic
:root {
--color-1: #6366f1;
--color-2: #f26467;
--color-3: #67f264;
}Split-Complementary
:root {
--color-1: #6366f1;
--color-2: #f2a864;
--color-3: #adf264;
}Monochromatic
:root {
--color-1: #080a5e;
--color-2: #0e11a4;
--color-3: #1418eb;
--color-4: #5b5df1;
--color-5: #a1a3f7;
}Color Palette Generator
Generate harmonious color palettes — complementary, analogous, triadic, split-complementary, and monochromatic — from any base color. Get HEX and RGB values for all colors.
Color harmony types explained
Complementary
Two colors opposite each other on the color wheel. High contrast, vibrant — great for buttons and CTAs.
Analogous
Three colors adjacent on the wheel. Low contrast, harmonious — great for backgrounds and illustrations.
Triadic
Three colors equally spaced on the wheel. Balanced and colorful — good for playful, energetic designs.
Monochromatic
Shades, tints, and tones of one hue. Elegant and cohesive — ideal for minimalist or branded designs.
สำรวจต่อ
เครื่องมือนักพัฒนา อื่นๆ ที่คุณอาจชอบ...
จัดรูปแบบ JSON
จัดรูปแบบ ตรวจสอบ และย่อข้อมูล JSON พร้อม syntax highlighting
เข้ารหัส/ถอดรหัส Base64
เข้ารหัสข้อความเป็น Base64 และถอดรหัสสตริง Base64
เข้ารหัส/ถอดรหัส URL
เข้ารหัสและถอดรหัสส่วนประกอบ URL และ query strings
สร้าง UUID
สร้างตัวระบุ UUID v4 แบบสุ่ม
สร้าง Hash
สร้างแฮช MD5, SHA-1, SHA-256 และ SHA-512 จากข้อความ
ทดสอบ Regex
ทดสอบและดีบัก regular expressions พร้อมไฮไลท์การจับคู่
ถอดรหัส JWT
ถอดรหัสและตรวจสอบ header และ payload ของ JWT token
จัดรูปแบบ HTML
จัดรูปแบบโค้ด HTML พร้อมการเยื้องที่เหมาะสม