Color Picker

Màu sắc thịnh hành 2026

Màu sắc của chúng tôi không được lựa chọn dựa trên sở thích hay dự báo.

Chúng được xác định dựa trên cách các nhà thiết kế thực sự làm việc — họ chọn những tông màu nào, sử dụng ở đâu và cách việc sử dụng thay đổi theo thời gian.

lightsteelblue
#B2C6DC
RGB: 178, 198, 220HSL: 211.43°, 37.50%, 78.04%
mediumseagreen
#53C66E
RGB: 83, 198, 110HSL: 134.09°, 50.22%, 55.10%
lightskyblue
#61BAEA
RGB: 97, 186, 234HSL: 201.02°, 76.54%, 64.90%
saddlebrown
#8B3713
RGB: 139, 55, 19HSL: 18.00°, 75.95%, 30.98%
olivedrab
#6D9D2A
RGB: 109, 157, 42HSL: 85.04°, 57.79%, 39.02%
darkolivegreen
#445A11
RGB: 68, 90, 17HSL: 78.08°, 68.22%, 20.98%
plum
#C8AEEF
RGB: 200, 174, 239HSL: 264.00°, 67.01%, 80.98%
burlywood
#E5C88B
RGB: 229, 200, 139HSL: 40.67°, 63.38%, 72.16%
mediumseagreen
#1C974F
RGB: 28, 151, 79HSL: 144.88°, 68.72%, 35.10%
black
#442322
RGB: 68, 35, 34HSL: 1.76°, 33.33%, 20.00%
plum
#AD97D3
RGB: 173, 151, 211HSL: 262.00°, 40.54%, 70.98%
turquoise
#50DCCE
RGB: 80, 220, 206HSL: 174.00°, 66.67%, 58.82%
darkslategray
#1F2E4D
RGB: 31, 46, 77HSL: 220.43°, 42.59%, 21.18%
cornflowerblue
#35A1ED
RGB: 53, 161, 237HSL: 204.78°, 83.64%, 56.86%
yellowgreen
#92C81E
RGB: 146, 200, 30HSL: 79.06°, 73.91%, 45.10%
cornflowerblue
#6B77BD
RGB: 107, 119, 189HSL: 231.22°, 38.32%, 58.04%
mediumorchid
#8F3DB3
RGB: 143, 61, 179HSL: 281.69°, 49.17%, 47.06%
palegreen
#8FFA8F
RGB: 143, 250, 143HSL: 120.00°, 91.45%, 77.06%
palegoldenrod
#C5DF9F
RGB: 197, 223, 159HSL: 84.38°, 50.00%, 74.90%
maroon
#790A02
RGB: 121, 10, 2HSL: 4.03°, 96.75%, 24.12%
palevioletred
#CB578C
RGB: 203, 87, 140HSL: 332.59°, 52.73%, 56.86%
salmon
#FE626C
RGB: 254, 98, 108HSL: 356.15°, 98.73%, 69.02%
dimgray
#6D4653
RGB: 109, 70, 83HSL: 340.00°, 21.79%, 35.10%
teal
#1D7886
RGB: 29, 120, 134HSL: 188.00°, 64.42%, 31.96%
darkseagreen
#84BB81
RGB: 132, 187, 129HSL: 116.90°, 29.90%, 61.96%
limegreen
#08C952
RGB: 8, 201, 82HSL: 143.01°, 92.34%, 40.98%
plum
#ECACDA
RGB: 236, 172, 218HSL: 316.88°, 62.75%, 80.00%
forestgreen
#3E8104
RGB: 62, 129, 4HSL: 92.16°, 93.98%, 26.08%
crimson
#E21D65
RGB: 226, 29, 101HSL: 338.07°, 77.25%, 50.00%
darkolivegreen
#556E3A
RGB: 85, 110, 58HSL: 88.85°, 30.95%, 32.94%
tan
#CEB5A1
RGB: 206, 181, 161HSL: 26.67°, 31.47%, 71.96%
limegreen
#57BB25
RGB: 87, 187, 37HSL: 100.00°, 66.96%, 43.92%
slateblue
#8067DA
RGB: 128, 103, 218HSL: 253.04°, 60.85%, 62.94%
palegreen
#D0FD90
RGB: 208, 253, 144HSL: 84.77°, 96.46%, 77.84%
mediumslateblue
#1458F5
RGB: 20, 88, 245HSL: 221.87°, 91.84%, 51.96%
darkslateblue
#392064
RGB: 57, 32, 100HSL: 262.06°, 51.52%, 25.88%
darkslategray
#114B30
RGB: 17, 75, 48HSL: 152.07°, 63.04%, 18.04%
darkolivegreen
#2E3E14
RGB: 46, 62, 20HSL: 82.86°, 51.22%, 16.08%
blueviolet
#963FEE
RGB: 150, 63, 238HSL: 269.83°, 83.73%, 59.02%
darkslateblue
#0A378A
RGB: 10, 55, 138HSL: 218.91°, 86.49%, 29.02%
darkslateblue
#603795
RGB: 96, 55, 149HSL: 266.17°, 46.08%, 40.00%
purple
#871D63
RGB: 135, 29, 99HSL: 320.38°, 64.63%, 32.16%
paleturquoise
#9BE9E0
RGB: 155, 233, 224HSL: 173.08°, 63.93%, 76.08%
rosybrown
#CF9587
RGB: 207, 149, 135HSL: 11.67°, 42.86%, 67.06%
aquamarine
#B8F4CD
RGB: 184, 244, 205HSL: 141.00°, 73.17%, 83.92%
darkviolet
#9B17D9
RGB: 155, 23, 217HSL: 280.82°, 80.83%, 47.06%
mediumseagreen
#4FD89B
RGB: 79, 216, 155HSL: 153.28°, 63.72%, 57.84%
violet
#FA6BE0
RGB: 250, 107, 224HSL: 310.91°, 93.46%, 70.00%
plum
#E094C2
RGB: 224, 148, 194HSL: 323.68°, 55.07%, 72.94%
steelblue
#4A5582
RGB: 74, 85, 130HSL: 228.21°, 27.45%, 40.00%

Cách chúng tôi xác định màu sắc thịnh hành

Mỗi ngày chúng tôi phân tích hàng triệu lựa chọn thiết kế thực tế và kết hợp ba nguồn dữ liệu để phát hiện điều gì đang tăng trưởng::

  • Hành vi người dùng: Chúng tôi theo dõi những màu sắc mà nhà thiết kế chọn thông qua công cụ chọn màu của mình. Chúng tôi không giám sát nơi các mã màu đó được sử dụng sau này; trọng tâm của chúng tôi chỉ là các tông màu mà họ chọn.
  • Website và bảng màu thực tế: Tiện ích mở rộng của chúng tôi tự động thu thập các màu CSS từ những trang web mà người dùng truy cập và phân tích chúng. Nó cũng lấy màu từ các hình ảnh bảng màu mà nhà thiết kế tham khảo, để chúng tôi có thể thấy những gì thực sự được sử dụng trong thực tế.
  • Biến động theo thời gian: Chúng tôi theo dõi cách việc sử dụng từng tông màu thay đổi qua từng tuần — liệu một màu đang trở nên phổ biến hơn, giữ ổn định hay giảm dần.

Tần suất tự nó là chưa đủ. Chúng tôi sử dụng các mô hình GPT để diễn giải bối cảnh và mục đích, lọc bỏ các thử nghiệm đơn lẻ và những ngoại lệ mang tính thương hiệu. Nhờ đó, các màu mà chúng tôi làm nổi bật phản ánh xu hướng thực sự giữa nhiều dự án chứ không phải chỉ là nhiễu.:

Vai trò của AI

Các con số thô không kể hết câu chuyện. Mô hình ngôn ngữ của chúng tôi phân tích cách và lý do mỗi màu được sử dụng — làm nền, nút bấm, văn bản chính hay điểm nhấn. Điều này giúp chúng tôi nhận ra các mẫu:

  • Nhóm các tông màu tương tự vào cùng một xu hướng,
  • Hiểu cách một màu hoạt động trong giao diện người dùng,
  • Tách biệt các chủ đề thực sự mới nổi khỏi các màu trung tính vượt thời gian hoặc bảng màu cũ.

Nói ngắn gọn, mô hình giúp chúng tôi diễn giải dữ liệu; nó không tự đưa ra quyết định về xu hướng.

Tại sao những màu này đang thịnh hành

Một tông màu được đưa vào danh sách thịnh hành khi:

  • Nó xuất hiện thường xuyên hơn trong các dự án và nhóm không liên quan,
  • Các nhà thiết kế sử dụng nó cho những vai trò quan trọng như kêu gọi hành động hoặc yếu tố nổi bật,
  • Chúng tôi thấy nó được áp dụng trong nhiều loại sản phẩm và ngành nghề khác nhau.

Bởi vì chúng tôi theo dõi việc sử dụng theo thời gian, các xu hướng phát triển một cách tự nhiên, phản ánh những gì đang diễn ra trong thế giới thiết kế ngay lúc này.

Bạn cập nhật màu sắc thịnh hành bao lâu một lần?

Danh sách màu thịnh hành của chúng tôi được cập nhật mỗi tuần. Chúng tôi liên tục thu thập dữ liệu mới từ các lựa chọn màu, quét website và hình ảnh bảng màu, sau đó tính toán lại xu hướng theo định kỳ. Nhờ vậy, các màu bạn thấy phản ánh những gì nhà thiết kế thực sự đang sử dụng ngay bây giờ, mà không phản ứng thái quá với các biến động ngắn hạn.

Color Picker: Màu sắc thịnh hành 2026