CoderTools

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

Tạo phối màu hài hòa, tạo gradient và trộn màu

Bộ trộn màu

Trộn hai màu để tạo màu mới

RGB: 57, 153, 154

Cách sử dụng

Trình tạo bảng màu giúp nhà thiết kế và lập trình viên tạo phối màu hài hòa.

Tính năng

  • Trộn màu - Trộn hai màu theo tỷ lệ
  • Tạo Gradient - Tạo gradient tuyến tính, xuyên tâm, hình nón
  • Phối màu - Tự động tạo dựa trên lý thuyết
  • Xuất đa định dạng - CSS/SCSS/JSON/Tailwind

Lý thuyết màu sắc

Hiểu các phối màu khác nhau:

Đơn sắc: Biến thể của một tông màu duy nhất
Bổ sung: Hai màu đối diện trên bánh xe
Tương tự: Màu kề nhau trên bánh xe
Tam giác: Ba màu cách đều trên bánh xe
Bổ sung phân tách: Màu cơ bản cộng hai màu kề với màu bổ sung
Tứ giác: Hai cặp màu bổ sung

Trường hợp sử dụng

Phối màu cho thiết kế web và UI
Thiết kế nhận diện thương hiệu
Màu biểu đồ trực quan hóa dữ liệu
Thiết kế in ấn và áp phích
Thiết kế giao diện ứng dụng di động
Bài thuyết trình và infographic

Mẹo thiết kế

  • Quy tắc 60-30-10: Chính 60%, phụ 30%, điểm nhấn 10%
  • Đảm bảo độ tương phản đủ để dễ đọc
  • Cân nhắc người mù màu, đừng chỉ dựa vào màu sắc
  • Duy trì tính nhất quán trong phối màu