Tạo bảng màu
Tạo bảng màu đẹp từ màu cơ sở với bổ sung, tương tự và nhiều hơn nữa
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.
Tiếp tục khám phá
Công cụ Công cụ Developer khác bạn có thể thích…
Định dạng JSON
Định dạng, kiểm tra và nén JSON với tô sáng cú pháp và phát hiện lỗi
Mã hóa/Giải mã Base64
Mã hóa văn bản hoặc file sang Base64 và giải mã chuỗi Base64 thành văn bản
Mã hóa/Giải mã URL
Mã hóa và giải mã thành phần URL và tham số query string
Tạo UUID
Tạo UUID ngẫu nhiên (v1, v4) hoặc tạo hàng loạt nhiều UUID cùng lúc
Tạo Hash
Tạo hash MD5, SHA-1, SHA-256, SHA-512 từ văn bản hoặc file
Kiểm tra Regex
Kiểm tra biểu thức chính quy với tô sáng khớp thời gian thực và trích xuất nhóm
Giải mã JWT
Giải mã và kiểm tra JSON Web Token — xem header, payload và xác minh chữ ký
Định dạng HTML
Định dạng và làm đẹp mã HTML với thụt lề đúng và tô sáng cú pháp