Bánh xe màu - Color Wheel

Hướng dẫn sử dụng Bánh xe màu

Ứng dụng "Bánh xe màu - Color Wheel" là một công cụ trực tuyến miễn phí, được thiết kế để hỗ trợ các nhà thiết kế, họa sĩ và những người yêu màu sắc tạo ra các bộ phối màu hài hòa và chuyên nghiệp. Ứng dụng này sử dụng lý thuyết màu sắc cổ điển kết hợp với giao diện tương tác hiện đại. Dưới đây là hướng dẫn từng bước chi tiết:

1. Tương tác với bánh xe màu:

   Bánh xe màu là trung tâm của ứng dụng, hiển thị toàn bộ quang phổ màu sắc trong không gian HSL (Hue, Saturation, Lightness). Bạn có thể:

   • Kéo các điểm màu xung quanh bánh xe để thay đổi màu sắc (hue)
   • Di chuyển điểm màu vào gần tâm để giảm độ bão hòa (màu nhạt hơn)
   • Di chuyển điểm màu ra xa tâm để tăng độ bão hòa (màu đậm hơn)
   • Số lượng điểm màu hiển thị phụ thuộc vào bộ phối màu được chọn

   Ví dụ: Với bộ màu tam giác (Triadic), bạn sẽ thấy 3 điểm màu cách đều nhau 120 độ trên bánh xe.

2. Nhập mã màu trực tiếp:

   Trong phần "1. Chọn một màu", bạn có thể:

   • Nhập mã hex màu trực tiếp (ví dụ: #ff5733, #2e8b57)
   • Xem màu được hiển thị ngay lập tức trong ô xem trước
   • Bánh xe màu sẽ tự động cập nhật vị trí các điểm màu
3. Chọn bộ phối màu:

   Phần "2. Chọn bộ phối màu" cung cấp 5 lựa chọn dựa trên lý thuyết màu sắc:

   • Màu bổ sung: 2 màu đối lập nhau trên bánh xe (180 độ)
   • Màu đơn sắc: Các sắc thái khác nhau của cùng một màu
   • Màu tương tự: 5 màu liền kề nhau trên bánh xe
   • Màu tam giác: 3 màu cách đều nhau 120 độ
   • Màu tứ giác: 4 màu tạo thành hình vuông trên bánh xe
4. Sử dụng bảng màu kết quả:

   Phần "3. Sử dụng bộ phối màu này" hiển thị các màu đã được tính toán:

   • Nhấp vào bất kỳ màu nào để sao chép mã hex vào clipboard
   • Mỗi màu hiển thị kèm mã hex để dễ dàng sử dụng trong các ứng dụng khác
   • Bảng màu tự động cập nhật khi bạn thay đổi màu gốc hoặc bộ phối màu
5. Các tính năng hỗ trợ:
   • Tạo đồ họa: Chuẩn bị cho việc tạo mockup (đang phát triển)
   • Xuất bảng màu: Lưu toàn bộ bộ màu thành file văn bản
   • Màu ngẫu nhiên: Tạo ngẫu nhiên một bộ màu mới để lấy cảm hứng
   • Chế độ tối: Thay đổi giao diện phù hợp với môi trường làm việc

Giải thích chức năng chuyên sâu

Giải thích thuật ngữ kỹ thuật

• Mã hex (Hexadecimal color code):

  Hệ thống mã hóa màu bằng 6 ký tự (0-9, A-F), bắt đầu bằng #. Ví dụ: #FF5733

  Cấu trúc: #RRGGBB - RR (đỏ), GG (xanh lá), BB (xanh dương), mỗi cặp từ 00-FF

• HSL (Hue, Saturation, Lightness):

  Mô hình màu dựa trên cách con người cảm nhận màu sắc tự nhiên

  Intuitive hơn RGB vì tách biệt màu sắc, độ bão hòa và độ sáng

• Color harmony (Sự hài hòa màu sắc):

  Nguyên tắc kết hợp màu sắc để tạo ra cảm giác thẩm mỹ và cân bằng

  Dựa trên các quy tắc toán học và tâm lý học màu sắc

• Gradient (Chuyển màu):

  Quá trình chuyển đổi từ từ giữa hai hoặc nhiều màu

  Tạo hiệu ứng mềm mại, tự nhiên trong thiết kế

• Clipboard:

  Bộ nhớ tạm của hệ điều hành để lưu trữ dữ liệu copy/paste

  Ứng dụng tự động copy mã màu vào clipboard khi bạn click

• Responsive design:

  Thiết kế giao diện tự động thích ứng với kích thước màn hình

  Đảm bảo trải nghiệm tốt trên mobile, tablet và desktop

Kiến thức tổng quát về màu sắc

Màu sắc không chỉ là yếu tố thẩm mỹ mà còn ảnh hưởng sâu sắc đến tâm lý, cảm xúc và quyết định của con người. Ứng dụng này kết hợp kiến thức khoa học và nghệ thuật: