AbraCalc

Công cụ Tạo Sắc độ Màu

Tạo bảng màu gồm 5 tông sáng hơn (tint) và 5 tông tối hơn (shade) từ bất kỳ màu hex nào.

Nhúng công cụ này vào trang của bạn
Trích dẫn công cụ này

APA

AbraCalc. (2026). Công cụ Tạo Sắc độ Màu [Online calculator]. Retrieved from https://abracalc.com/vi/tao-sac-do-mau/

BibTeX

@misc{abracalc-tao-sac-do-mau, author = {AbraCalc}, title = {Công cụ Tạo Sắc độ Màu}, year = {2026}, howpublished = {\url{https://abracalc.com/vi/tao-sac-do-mau/}} }

Công cụ này có trả lời được câu hỏi của bạn không?

Cách dùng công cụ này

  1. Nhập màu hex gốc của bạn.
  2. Chọn số bước (1–10) cho mỗi hướng.
  3. Kết quả liệt kê các tint (sáng hơn), màu gốc, rồi đến các shade (tối hơn).

Nhập một màu hex để tạo bảng màu đầy đủ gồm các tông sáng hơn và tối hơn, hữu ích khi xây dựng hệ thống thiết kế.

Công thức

For each tint step i (1 to steps), mixing factor t = i / (steps + 1):
Rtint = R + (255 − R) × t (similarly for G, B)

For each shade step j (1 to steps), darkening factor s = j / (steps + 1):
Rshade = R × (1 − s) (similarly for G, B)

All channel values are clamped to 0–255 and rounded.

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

Sự khác biệt giữa tint và shade là gì?
Tint là màu được pha với trắng (sáng hơn); shade là màu được pha với đen (tối hơn). Tone là pha với xám.
Các bước được tính như thế nào?
Mỗi bước nội suy tuyến tính các kênh RGB hướng về trắng (đối với tint) hoặc đen (đối với shade) theo một phần bằng nhau.

Tài liệu tham khảo và nguồn