Trình tạo bảng màu

Trình tạo bảng màu. Cung cấp mã màu HEX cơ bản và nhận ngay các dải bảng màu được tính toán bằng logic HSL gốc. Thiết kế ngay các sơ đồ màu tuyệt đẹp, cân bằng về mặt toán học với trình tạo bảng màu trực tuyến miễn phí của chúng tôi.

Công cụ thiết kế web thiết yếu này cho phép bạn nhập màu HEX cơ bản và nhận ngay các dải bảng màu tương tự, bổ sung, bộ ba và đơn sắc được tính toán hoàn hảo bằng logic HSL gốc.

Cho dù bạn đang thiết lập bộ nhận diện thương hiệu, thiết kế giao diện trang web mới hay tạo hình minh họa tùy chỉnh, trình tạo của chúng tôi đều đảm bảo sự hài hòa về mặt hình ảnh trên tất cả các tài sản của bạn.

Trình tạo sơ đồ màu cao cấp này loại bỏ phỏng đoán khỏi lý thuyết màu sắc, đảm bảo thiết kế UI của bạn có thể truy cập, nhất quán và hấp dẫn về mặt thị giác.

Chúng tôi cung cấp trải nghiệm thiết kế màu sắc miễn phí 100%, nhanh chóng và trực quan ngay trong trình duyệt của bạn. Công cụ liên quan: Tiếp tục quy trình với Trình phân tích cú pháp URL, Trình mã hóa và giải mã URL, Trình trích xuất URL / Tên miền.

Các công cụ liên quan này hỗ trợ những tác vụ gần nhau như chuyển đổi, định dạng, xác thực, tạo dữ liệu và dọn dẹp.

Câu hỏi thường gặp

Làm thế nào để tạo bảng màu từ một màu?

Nhập mã HEX (3 hoặc 6 chữ số, có hoặc không có #) vào ô Màu cơ bản (Hex), chọn màu bằng bộ chọn, hoặc nhấp Màu ngẫu nhiên. Bảy bảng màu được tạo cùng lúc; nhấp vào bất kỳ ô màu nào để sao chép giá trị HEX của nó.

Màu tương tự, bổ sung và bộ ba khác nhau thế nào?

Màu tương tự nằm cách sắc độ gốc 30 độ về hai phía, cho cảm giác dịu mắt. Bổ sung thêm sắc độ đối diện (180 độ) để tương phản mạnh. Bổ túc tách dùng các sắc độ ở 150 và 210 độ, bộ ba chia ba sắc độ cách nhau 120 độ, còn bộ bốn (hình vuông) dùng bốn sắc độ cách nhau 90 độ.

Bảng màu đơn sắc và các sắc độ sáng tối được tạo thế nào?

Cả hai giữ nguyên sắc độ và độ bão hòa gốc, chỉ thay đổi độ sáng trong HSL. Đơn sắc hiển thị màu gốc nằm giữa một phiên bản sáng hơn 20 điểm và một phiên bản tối hơn 20 điểm, còn Sắc độ sáng và tối cho chín bậc từ độ sáng 95% xuống 15%.

Làm thế nào để xuất bảng màu thành biến CSS?

Trong Xuất bảng màu, chọn CSS, SCSS, JSON hoặc HEX và nhấp Sao chép bảng màu. CSS cho các thuộc tính tùy chỉnh trong :root (ví dụ --triadic-2), SCSS cho biến $, JSON cho một đối tượng gồm các mảng màu và HEX cho danh sách thuần theo từng phối màu.

Vì sao công cụ yêu cầu tôi nhập mã màu HEX hợp lệ?

Ô Màu cơ bản chỉ nhận mã HEX gồm 3 hoặc 6 chữ số thập lục phân, như #0CD hoặc #00C1D4. Giá trị RGB, HSL và tên màu không được đọc ở đó, nên hãy đổi chúng sang HEX trước hoặc chọn màu bằng bộ chọn màu.

Cách dùng công cụ trực tuyến này

Trình tạo bảng màu được thiết kế cho các quy trình nhanh trong trình duyệt khi bạn cần định dạng, kiểm tra, chuyển đổi, giải mã, mã hóa, tạo hoặc xem dữ liệu mà không cần mở ứng dụng nặng. Hãy bắt đầu với ô nhập liệu hoặc các tùy chọn hiện có, kiểm tra kết quả, rồi sao chép hoặc tải xuống đầu ra.

Xử lý riêng tư trong trình duyệt

Trình tạo bảng màu giữ bước xử lý thông thường ngay trong trình duyệt của bạn. Điều này hữu ích với đoạn mã, token, tài liệu, giá trị cấu hình, mẫu văn bản và nội dung khác không nên gửi đến dịch vụ từ xa khi không cần thiết.

Khi nào công cụ này hữu ích

Dùng Trình tạo bảng màu cho các tác vụ lặp lại của lập trình viên, tài liệu kỹ thuật, kiểm tra QA, chuyển đổi nhanh, gỡ lỗi, làm sạch nội dung và quy trình nội bộ của nhóm. Trang tập trung vào đầu vào rõ ràng, phản hồi nhanh và đầu ra dễ tái sử dụng.

Mẹo thực tế

Trước khi sao chép kết quả cuối cùng, hãy kiểm tra khoảng trắng, chữ hoa chữ thường, tên tệp, mã hóa, cấu trúc token, xuống dòng hoặc định dạng đầu ra. Các bước nhỏ này giúp tránh lỗi trong mã nguồn, báo cáo, ticket, email hoặc ghi chú kỹ thuật.