Tạo bảng màu ngẫu nhiên cho thiết kế
Nhấn "Generate" để tạo bảng màu
Công cụ tạo bảng màu (color palette) chuyên nghiệp của Tấn Phát Digital cho thiết kế web, UI/UX, đồ họa. Hỗ trợ 3 chế độ tạo màu dựa trên color theory: Random (ngẫu nhiên), Analogous (màu tương đồng - êm dịu), Complementary (màu bổ sung - tương phản). Tạo 5 màu hài hòa mỗi lần generate. Hiển thị mã HEX, RGB cho mỗi màu. Preview bảng màu trực quan dạng gradient bar. Click vào màu để copy mã HEX ngay, hoặc Copy All HEX để lấy tất cả 5 màu. Thuật toán dựa trên lý thuyết màu sắc (color theory) và HSL color space. Hoàn toàn miễn phí, không giới hạn số lần tạo.
Bảng màu (color palette) là nền tảng của mọi thiết kế - từ website, app, đến branding và marketing materials. Một bảng màu hài hòa giúp thiết kế trông chuyên nghiệp, nhất quán và thu hút người xem. Thay vì chọn màu ngẫu nhiên và hy vọng chúng hợp nhau, công cụ này sử dụng lý thuyết màu sắc (color theory) đã được chứng minh qua hàng trăm năm để tạo ra các bảng màu đẹp mắt và harmonious. Analogous colors tạo cảm giác êm dịu, tự nhiên - phù hợp cho spa, wellness, nature brands. Complementary colors tạo sự tương phản mạnh mẽ, thu hút sự chú ý - phù hợp cho CTA buttons, sale banners, gaming. Random mode cho phép khám phá các combinations bất ngờ và sáng tạo.
Color Theory là khoa học về cách màu sắc tương tác với nhau, được phát triển từ thế kỷ 17 bởi Isaac Newton và hoàn thiện bởi Johannes Itten. Color Wheel (vòng tròn màu) là công cụ cơ bản, sắp xếp 12 màu theo thứ tự: Primary (đỏ, vàng, xanh dương), Secondary (cam, xanh lá, tím), Tertiary (6 màu trung gian). Các color schemes phổ biến: Analogous - 3-5 màu liền kề, tạo harmony êm dịu. Complementary - 2 màu đối diện, tạo contrast mạnh. Triadic - 3 màu cách đều 120°, cân bằng và vibrant. Split-Complementary - 1 màu + 2 màu adjacent với complementary. Tetradic - 4 màu tạo hình chữ nhật trên wheel.
Random: Khám phá, brainstorming, tìm inspiration bất ngờ. Phù hợp khi chưa có direction cụ thể. Analogous: Nature, wellness, spa, organic products, meditation apps. Tạo cảm giác calm, peaceful, natural. Ví dụ: xanh lá nhạt - xanh lá - xanh dương nhạt. Complementary: E-commerce CTAs, sale banners, gaming, sports. Tạo sự chú ý, energy, excitement. Ví dụ: cam - xanh dương. Lưu ý: Không dùng complementary colors với tỷ lệ 50-50, nên có màu dominant (60%) và accent (10%).
60-30-10 Rule: 60% màu dominant (background, large areas), 30% màu secondary (supporting elements), 10% màu accent (CTAs, highlights). Contrast: Đảm bảo text có đủ contrast với background - dùng Color Contrast Checker. Consistency: Sử dụng cùng palette xuyên suốt project. Limit colors: 3-5 màu là đủ cho hầu hết projects, quá nhiều màu gây rối. Test: Xem palette trên nhiều devices và với color blindness simulators. Save: Lưu palette vào design system hoặc CSS variables để reuse.
Analogous colors là các màu nằm cạnh nhau trên vòng tròn màu (color wheel), cách nhau khoảng 15-30°. Ví dụ: xanh lá - xanh dương - tím, hoặc đỏ - cam - vàng. Chúng tạo cảm giác hài hòa, êm dịu, tự nhiên vì mắt người dễ chịu khi nhìn các màu gần nhau. Thường dùng cho thiết kế nature, spa, wellness, organic brands.
Complementary colors là các màu đối diện nhau trên vòng tròn màu (cách 180°). Ví dụ: đỏ - xanh lá, vàng - tím, cam - xanh dương. Chúng tạo sự tương phản mạnh nhất có thể, thu hút sự chú ý ngay lập tức. Thường dùng cho CTA buttons, sale banners, gaming, sports brands. Lưu ý: Không nên dùng 50-50, mà nên có màu dominant.
HEX (#FF5733) là format 6 ký tự hexadecimal, phổ biến nhất trong CSS/web development. RGB (255, 87, 51) biểu diễn màu qua 3 kênh Red-Green-Blue (0-255), trực quan hơn. HSL (Hue, Saturation, Lightness) dễ điều chỉnh độ sáng/tối hơn - tool này dùng HSL internally để generate harmonious colors. Cả 3 đều biểu diễn cùng một màu, chỉ khác cách viết.
Xác định mood/cảm xúc muốn truyền tải: Analogous cho êm dịu, calm, natural. Complementary cho năng động, attention-grabbing. Random để explore. Đảm bảo đủ contrast cho text (WCAG AA: 4.5:1). Giới hạn 3-5 màu chính. Test trên nhiều thiết bị và với color blindness simulators. Xem xét brand guidelines nếu có.
CÓ, hoàn toàn miễn phí cho mọi mục đích bao gồm thương mại. Màu sắc không có bản quyền (colors cannot be copyrighted), bạn có thể sử dụng cho website, app, in ấn, branding, marketing materials mà không cần ghi nguồn hay trả phí.
Tool sử dụng HSL (Hue, Saturation, Lightness) color space. Random: generate 5 HEX ngẫu nhiên. Analogous: chọn base hue ngẫu nhiên, tạo 5 màu với hue cách nhau 15-30° (giữ S và L). Complementary: chọn base hue, tạo màu đối diện (hue + 180°) và variations. HSL cho phép tạo màu harmonious dễ dàng hơn RGB.
Hiện tại tool không có tính năng save trực tiếp. Khuyến nghị: Click 'Copy All HEX' và paste vào notes, design system, hoặc CSS file. Bạn cũng có thể screenshot palette để reference sau.
5 màu là số lượng phổ biến và đủ dùng cho hầu hết projects: 1 màu primary/dominant, 1 màu secondary, 1 màu accent, 2 màu supporting/neutral. Quá ít màu (2-3) có thể monotonous, quá nhiều (7+) có thể overwhelming và khó maintain consistency.
Chúng tôi không chỉ thiết kế website, mà còn giúp doanh nghiệp xây dựng thương hiệu số mạnh mẽ. Cung cấp dịch vụ thiết kế website trọn gói từ thiết kế đến tối ưu SEO. Hãy liên hệ ngay với Tấn Phát Digital để cùng tạo nên những giải pháp công nghệ đột phá, hiệu quả và bền vững cho doanh nghiệp của bạn tại Hồ Chí Minh.
Tạo file .env và .env.example cho dự án.
Tạo .gitignore cho Node.js, Python, Java.
Tạo mock JSON data cho API testing.
Format và phân tích API response.
Test REST API: GET, POST, PUT, DELETE.
Chuyển đổi Binary, Hex, Base32.
Mã hóa/giải mã Base64.
Chuyển đổi Decimal, Binary, Hex.
Tạo CSS box-shadow trực quan.
Tính quyền file Linux.
Kiểm tra WCAG accessibility.
Tạo bảng màu hài hòa.
