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

 (tints.dev)
5 điểm bởi GN⁺ 2024-02-03 | 1 bình luận | Chia sẻ qua WhatsApp

Đặc tính của bảng màu và cách thao tác

  • Tên của bảng màu là "NameValueOpen Color Picker", và giá trị màu mặc định là 500.
  • Có tính năng sao chép URL của bảng màu này vào clipboard hoặc mở URL API.
  • Có tính năng hiển thị biểu đồ màu và xóa một màu cụ thể là 'blue'.
  • Có các công tắc bật/tắt để điều chỉnh độ bão hòa (Saturation), độ sáng (Lightness), độ sáng tối đa (Maximum Lightness), độ sáng tối thiểu (Minimum Lightness), Lu (độ chói, Luminance) của màu.
  • Lightness có phạm vi từ 50 đến 950, qua đó người dùng có thể điều chỉnh độ sáng của bảng màu.

Ý kiến của GN⁺:

  • Bài viết này giới thiệu các tính năng thao tác với bảng màu, đồng thời cung cấp thông tin hữu ích cho nhà thiết kế hoặc nhà phát triển.
  • Điểm quan trọng là công cụ cung cấp nhiều tính năng khác nhau để người dùng có thể tinh chỉnh màu sắc một cách chi tiết.
  • Vì tính năng điều chỉnh màu là yếu tố cốt lõi trong thiết kế UI/UX của website hoặc ứng dụng, nên việc hiểu các công cụ như vậy sẽ giúp nâng cao chất lượng thiết kế.

Bài viết liên quan

1 bình luận

 
GN⁺ 2024-02-03
Ý kiến trên Hacker News

  • Quan tâm đến việc phát triển một công cụ dùng hệ thống thiết kế có tính đến khả năng truy cập, để có thể nhận biết mức độ dễ tiếp cận của các tổ hợp màu chỉ bằng cách nhìn tên màu.

    Ví dụ, khi dùng hệ thống thiết kế USWDS, có thể biết tổ hợp blue-30 và gray-80 có đáp ứng tiêu chuẩn WCAG AA hay không thông qua chênh lệch giá trị màu.

  • Thích thử nghiệm với màu sắc và chia sẻ các công cụ hữu ích cũng như những lựa chọn thay thế liên quan.

    Cung cấp liên kết tới nhiều trang web tạo bảng màu.

  • Cá nhân đã tạo một công cụ màu đơn giản, thiên về quan điểm rõ ràng, và có thể tạo cấu hình Tailwind.

    Cung cấp liên kết tới website của công cụ đó và bài viết về quá trình xây dựng nó bằng web components.

  • Dùng công cụ mới để tạo bảng màu từ logo mất chưa đến 1 phút, và cho kết quả tốt hơn so với khi từng làm thủ công trước đây.

  • Ưa thích cách định nghĩa bảng màu bằng biến CSS rồi tham chiếu chúng trong cấu hình Tailwind.

    Đề cập đến sự linh hoạt khi có thể áp dụng các theme màu khác nhau ở runtime.

  • Bày tỏ lời cảm ơn tới tác giả công cụ và thắc mắc về cách dễ nhất để đồng bộ màu với Figma.

    Đặt câu hỏi về plugin mà các nhà thiết kế chuyên nghiệp sử dụng, hoặc cách tạo màu và xuất sang Tailwind.

  • Được đánh giá là công cụ hữu ích để tạo bảng màu từ một màu đơn lẻ, sau đó đưa kết quả sang ứng dụng khác để chỉnh thủ công từng màu.

  • Đặt câu hỏi về demo ví dụ thương hiệu và cách người dùng thường chỉnh sửa màu cơ bản hoặc tạo biến mới nói chung.

  • Với tư cách là một lập trình viên full-stack, không có kiến thức về màu sắc nhưng vẫn đang dùng Tailwind CSS.

    Hỏi có thể học cách chọn màu và sử dụng công cụ ở đâu.

  • Có vẻ là công cụ hữu ích để tạo gradient, và thấy lạ khi Paletton không được nhắc đến.

    Cung cấp liên kết tới website Paletton và giải thích tính năng tạo gradient sang các màu liền kề từ màu cơ bản.