Bảng màu lạnh: mã màu xanh dương, xanh ngọc, tím, xám lạnh và cách phối

Bảng màu lạnh 14 sắc kèm HEX, RGB, CMYK: xanh băng, xanh dương, coban, navy, xanh ngọc, cổ vịt, tím xanh, xám lạnh; màu nào là màu lạnh, bảng màu nóng lạnh khác nhau ra sao, bản ấm và bản lạnh của một màu, màu lạnh phối với màu gì theo bánh xe màu, chữ nào dễ đọc trên nền lạnh và mẫu poster, web, slide.

Trả lời nhanh: màu lạnh là nhóm màu gợi cảm giác mát, dịu: xanh lục lam, xanh ngọc, xanh dương, xanh navy, tím ngả xanh và phần lớn các sắc xám ngả lam. Màu nóng là đỏ, cam, vàng và các sắc nâu. Đây là quy ước trong lý thuyết màu chứ không phải định luật vật lý. Bảng dưới gom 14 sắc lạnh mình hay dùng; HEX do ColorME chọn, còn RGB và CMYK mình kiểm tra lại bằng công cụ Đổi mã màu ngày 22/10/2026. Phần phối màu lấy từ kết quả thật của công cụ Bánh xe màu.

Bảng màu lạnh 14 sắc: HEX do ColorME chọn, RGB và CMYK kiểm tra bằng công cụ Đổi mã màu ngày 22/10/2026.

Cách dùng an toàn nhất: một sắc lạnh rất nhạt làm nền (xanh băng, trắng lạnh), một sắc lạnh đậm làm chữ (navy, than chì lạnh), một sắc lạnh tươi làm điểm nhấn (xanh ngọc, xanh dương). Nếu muốn thiết kế "có hồn" hơn, thêm một màu nóng thật ít, như cam hoặc san hô, ở nút bấm hay nhãn nhỏ. Định nghĩa ngắn có ở mục Màu lạnh trong thư viện thuật ngữ.

Màu lạnh là gì, màu nào là màu lạnh?

Bài Color theory trên Wikipedia (mình đọc ngày 22/10/2026) mô tả: màu nóng thường được coi là các sắc từ đỏ tới vàng, kể cả nâu và màu da bò; màu lạnh là các sắc từ xanh lục lam tới tím xanh, gồm cả hầu hết các màu xám. Cũng theo bài đó, các nguồn thế kỷ 19 đặt hai cực đối lập ở đỏ cam và xanh lục lam, và cách chia nóng lạnh có lẽ bắt nguồn từ ánh sáng ngoài trời: ánh nắng, hoàng hôn cho màu "ấm", ngày âm u xám xịt cho màu "lạnh". Bài viết cũng ghi rằng giữa các tác giả từng có bất đồng về màu nào là mốc của hai cực.

Để dùng được trong phần mềm, mình quy đổi mô tả đó ra sắc độ H của hệ HSL (0 là đỏ, 120 là xanh lá, 240 là xanh dương):

Vùng màu lạnh và màu nóng trên vòng sắc độ HSL: một quy ước dựa trên mô tả của Wikipedia, không phải định luật.

• Lạnh: H khoảng 160 tới 270, từ xanh lục lam qua xanh dương tới tím xanh. 14 màu trong bảng đầu bài có H từ 164 (xanh mint) tới 245 (tím xanh).
• Nóng: H khoảng 330 tới 60, vòng qua 0: đỏ, cam, vàng, nâu.
• Ranh giới: xanh lá (H khoảng 60 tới 160) và tím, hồng tím (H khoảng 270 tới 330). Những màu này nóng hay lạnh tuỳ chúng ngả về phía nào.

Các mốc số trên là quy ước của mình để dễ làm việc, không phải chuẩn quốc tế. Một màu "lạnh" hay "ấm" còn tuỳ màu đứng cạnh nó: xanh lá ô liu trông ấm khi đặt cạnh xanh dương, nhưng trông lạnh khi đặt cạnh cam.

Bảng màu nóng và bảng màu lạnh khác nhau thế nào?

Đây là 6 màu nóng mình dùng làm đối trọng trong bài, cùng cách kiểm tra như bảng màu lạnh:

Nhìn hai bảng CMYK là thấy ngay một quy luật dễ nhớ: màu nóng có C bằng 0, mực chủ yếu là M và Y; màu lạnh có Y bằng 0 hoặc rất thấp, mực chủ yếu là C. Muốn xem nhiều sắc cam hơn, đọc bài bảng màu cam.

Về cảm giác, Wikipedia ghi lại quan niệm phổ biến: màu nóng "tiến ra", kích thích; màu lạnh "lùi vào", làm dịu. Nhưng bài viết cũng lưu ý rằng các hiệu ứng này, nếu có thật, phần lớn là do màu nóng thường tươi và sáng hơn, và lấy ví dụ màu nâu là màu nóng nhưng chẳng mấy ai thấy nó sôi động. Vì vậy mình coi "lạnh thì yên tĩnh, nóng thì sôi nổi" là thói quen thị giác để tham khảo, không phải quy tắc chắc chắn. Trong thực tế, độ sáng và độ tươi của màu ảnh hưởng tới cảm giác không kém gì nhiệt độ màu.

Một điểm hay gây nhầm: trong nhiếp ảnh và đèn chiếu sáng, ánh sáng trên 5000 K được gọi là "lạnh" (ngả xanh), 2700 tới 3000 K là "ấm" (ngả vàng). Theo bài Color temperature trên Wikipedia, cách gọi này ngược với vật lý bức xạ: vật càng nóng thì ánh sáng càng ngả xanh. Tên gọi nóng lạnh là liên tưởng thẩm mỹ, không phải nhiệt độ thật. Xem thêm mục Nhiệt độ màu.

Màu nào cũng có bản ấm và bản lạnh

Ngoài chuyện "xanh là lạnh, đỏ là nóng", designer còn nói tới sắc ngầm (undertone): cùng là đỏ, cùng là xám, nhưng ngả về vàng cam thì ấm hơn, ngả về lam thì lạnh hơn. Năm cặp dưới đây cho thấy rõ điều đó:

Năm cặp màu cùng tên nhưng khác sắc ngầm: bản ngả vàng cam ấm hơn, bản ngả lam lạnh hơn.

• Đỏ: #E0402B (H 7) ngả cam nên ấm; tên CSS crimson #DC143C (H 348) ngả hồng nên lạnh hơn. Cả hai vẫn nằm trong vùng nóng; "đỏ lạnh" chỉ là lạnh hơn so với đỏ cam.
• Xanh lá: #7BA428 (H 80) ngả vàng, cảm giác cỏ khô, mùa thu; #1F9E78 (H 162) ngả lam, gần xanh ngọc.
• Tím: #9B3D8F (H 308) ngả đỏ, ấm và đậm; tím xanh #5B4FD6 (H 245) mát, hợp công nghệ. Bài bảng màu tím có thêm nhiều sắc tím khác.
• Xám: #8F8780 (H 28) là xám ngả nâu; xám lạnh #8A94A6 (H 219) ngả xanh. Độ sáng gần nhau nhưng đặt cạnh nhau là thấy khác hẳn.
• Trắng: kem sữa #FAF4E6 trong bài bảng màu be là trắng ấm; #F4F8FB là trắng lạnh.

Ứng dụng thực tế: khi cả bộ màu là màu lạnh, hãy chọn xám và trắng cũng lạnh (xám xanh nhạt, trắng lạnh). Nếu ghép xanh navy với xám ngả nâu, thiết kế dễ trông "lệch tông" mà khó chỉ ra lý do.

Mã màu lạnh trong CSS và cách lấy mã

CSS có sẵn nhiều tên màu thuộc nhóm lạnh. Mình gõ từng tên vào công cụ Đổi mã màu và ghi lại kết quả:

aliceblue gần trắng lạnh, slategray là một xám lạnh có sẵn, còn teal gần xanh cổ vịt. Muốn lấy mã của một sắc lạnh bất kỳ, bạn dán HEX hoặc tên màu vào ô nhập của công cụ Đổi mã màu; công cụ hiện ngay RGB, HSL, HSV, CMYK, OKLCH và một biến CSS, kèm dải chín ô từ sáng tới tối:

Xanh ngọc #2EC4B6 trong công cụ Đổi mã màu: RGB 46, 196, 182, HSL 174, 62%, 47%. Ảnh chụp màn hình thật, chưa đăng nhập, 22/10/2026.

Dòng HSL là chỗ để biết màu đó nóng hay lạnh: xanh ngọc #2EC4B6 cho hsl(174, 62%, 47%), tức H = 174, nằm trong vùng lạnh. Cách đọc và đổi qua lại RGB, HEX mình đã viết kỹ ở bài bảng màu RGB 80 mã màu; còn bảng đầy đủ các sắc xanh dương, xanh lá có ở bài màu xanh, nên ở đây mình không lặp lại.

Màu lạnh phối với màu gì? Kết quả từ bánh xe màu

Mình đặt xanh coban #1E3FA8 và xanh ngọc #2EC4B6 làm màu gốc trong công cụ Bánh xe màu (bánh xe hoạ sĩ RYB, mặc định của công cụ), chưa đăng nhập, rồi lần lượt chọn 5 quy tắc. Đây là quy tắc Bổ sung với xanh coban:

Xanh coban với quy tắc Bổ sung trong công cụ Bánh xe màu: màu đối diện là cam đất #A85B1E. Ảnh chụp màn hình thật, 22/10/2026.

Toàn bộ mã màu công cụ trả về:

5 quy tắc phối màu cho xanh coban và xanh ngọc; mã màu là kết quả thật của công cụ Bánh xe màu.

• Bổ sung: đối diện xanh coban là cam đất #A85B1E và nâu #653612; đối diện xanh ngọc là cam đỏ #C4502E và nâu đỏ #76301C. Cả hai màu lạnh đều "gọi" một màu nóng. Đây là cặp tương phản mạnh nhất, hợp nút kêu gọi, nhãn giảm giá hay chữ nhấn trên poster.
• Tương đồng: xanh coban cho #1C9B52, #1E9BA8, #341EA8, #501C9B; xanh ngọc cho #48B42A, #2EC452, #2E6EC4, #372AB4. Các màu đứng sát nhau trên bánh xe, nên vẫn giữ không khí mát.
• Bổ sung chia tách: với xanh coban là đỏ gạch #A8381E và vàng mù tạt #A87D1E; với xanh ngọc là đỏ #C42E37 và cam #C4762E. Ít gắt hơn bổ sung, hợp bao bì và minh hoạ.
• Bộ ba: xanh coban đi với đỏ rượu #A81E33 và vàng ô liu #A8A01E; xanh ngọc đi với hồng tím #C42E95 và vàng #C49B2E. Rất rộn ràng, chỉ nên lấy một màu làm điểm nhấn.
• Sắc độ: một màu ở nhiều độ sáng. Ô tối nhất của xanh coban là #091332, của xanh ngọc là #0E3B37; cả hai dùng được làm màu chữ hoặc nền tối.

Mẹo của mình: với bảng màu lạnh, lấy 4 màu từ quy tắc Tương đồng hoặc Sắc độ, rồi thêm đúng một màu nóng từ quy tắc Bổ sung. Muốn xem thêm các bộ phối có sẵn mã, đọc bài 30 bảng phối màu đẹp có mã HEX.

Chữ màu gì trên nền lạnh thì dễ đọc?

Mình tính tỉ lệ tương phản cho 70 cặp: 14 nền lạnh trong bảng đầu bài và 5 màu chữ (trắng, navy, than chì lạnh, cam, vàng nghệ), theo công thức WCAG 2.2.

70 cặp chữ và nền lạnh, tỉ lệ tương phản tính theo công thức WCAG 2.2.

Mức tối thiểu cho chữ thường là 4,5:1, chữ lớn là 3:1. Kết quả đáng chú ý:

• Chữ trắng đạt trên 5 nền: xanh navy 15,97:1, than chì lạnh 12,73:1, xanh coban 9,01:1, xanh cổ vịt 6,00:1, tím xanh 5,94:1. Xanh dương #2F6FDB chỉ vừa đủ, 4,75:1.
• Xanh ngọc là cái bẫy: nhìn đậm và tươi nhưng chữ trắng trên #2EC4B6 chỉ đạt 2,17:1, không đủ cả cho chữ lớn. Dùng chữ navy (7,37:1) thay vào.
• Navy đạt trên mọi nền sáng, cao nhất 14,96:1 trên trắng lạnh, 13,49:1 trên xanh băng.
• Màu nóng làm chữ trên nền lạnh tối: cam trên navy đạt 6,51:1, vàng nghệ trên navy 9,81:1. Trên xanh coban, vàng nghệ đạt 5,53:1 nhưng cam chỉ 3,67:1, chỉ đủ cho chữ lớn.
• Xám lạnh #8A94A6 chỉ đạt 3,06:1 với chữ trắng; đừng dùng nó làm nền nút có chữ nhỏ.

Tự kiểm tra cặp màu của bạn bằng công cụ Kiểm tra tương phản màu; theo FAQ của trang, chữ lớn là "từ 18pt (khoảng 24px), hoặc từ 14pt (khoảng 18.66px) nếu in đậm".

3 cách dùng bảng màu lạnh trong thiết kế thật

Các mẫu dưới đây do ColorME tự dựng với thương hiệu giả định, dùng đúng mã màu trong bài.

Poster: cùng bố cục, đổi nhiệt độ màu

Cùng một poster cho đêm nhạc giả định, bản bảng màu lạnh và bản bảng màu nóng.

Bản lạnh dùng nền navy, hai vòng tròn xanh coban và xanh ngọc, một mảng xanh da trời; chữ trắng lạnh đạt 14,96:1. Bản nóng giữ nguyên bố cục, đổi sang nền nâu cà phê #3B2A20, nâu đất, cam, vàng nghệ, chữ kem sữa đạt 12,45:1. Cùng một đêm nhạc, bản lạnh gợi không khí đêm, sương, nhạc nhẹ; bản nóng gợi lửa trại, quây quần. Khi chưa chắc chọn tông nào, làm thử hai bản như vậy rồi hỏi người xem bản nào hợp nội dung hơn.

Website: mát nhưng không lạnh lùng

Trang chủ tông lạnh cho một homestay giả định, bản máy tính và điện thoại, kèm tỉ lệ tương phản.

Trang chủ cho một homestay ven biển dùng nền xanh băng #DCEFF7, chữ navy (13,49:1), nhãn nhỏ màu cổ vịt (5,07:1 trên nền xanh băng). Nút chính màu xanh ngọc nhưng chữ trên nút là navy, đạt 7,37:1, chứ không phải trắng. Một nhãn "Mới" màu san hô #F26B5B (chữ navy 5,35:1) là điểm nóng duy nhất, giúp mắt dừng lại đúng chỗ.

Slide và nhận diện: tỉ lệ 60-30-10

Hai slide 16:9 tông lạnh với một điểm nóng màu cam, chia theo tỉ lệ 60-30-10; ứng dụng và số liệu là giả định.

Bảng màu lạnh hợp slide doanh nghiệp, báo cáo, ứng dụng công nghệ vì đọc lâu không mỏi. Mình chia 60% navy cho nền slide mở đầu, 30% xám xanh nhạt #E3E8EF cho slide nội dung (chữ navy 12,97:1) và 10% cam cho số liệu cần nhấn. Cột tháng 9 tô cam, hai tháng trước tô xám lạnh: người xem nhìn vào là biết phải chú ý cột nào.

In bảng màu lạnh: lưu ý CMYK

Các màu lạnh tươi trên màn hình như xanh dương #2F6FDB hay tím xanh #5B4FD6 thường xỉn đi khi in, vì mực CMYK không tái tạo được hết các màu xanh rực của màn hình. Xanh ngọc có cmyk(77%, 0%, 7%, 23%), phần lớn là mực C, nên in khá ổn; xanh navy cần K tới 76%, in trên giấy thường dễ ngả đen. Trước khi in số lượng lớn, hãy in thử một tờ.

Về độ chính xác của CMYK, trang công cụ Đổi mã màu ghi: "Đây là công thức chuyển đổi chuẩn, đủ để tham khảo và trao đổi. Màu in thật còn phụ thuộc hồ sơ màu ICC, loại giấy và máy in của nhà in, nên hãy in thử trước khi in số lượng lớn."

Mã màu bạn nhập có được lưu không?

Theo trang công cụ Đổi mã màu: "Hoàn toàn miễn phí, không cần đăng nhập và không giới hạn số lần dùng." và "Việc chuyển đổi chạy ngay trên trình duyệt của bạn. ColorME chỉ ghi nhận lượt dùng kèm mã màu bạn đổi hoặc sao chép để thống kê, không cần tài khoản."

Theo trang Bánh xe màu: "Hoàn toàn miễn phí và không cần đăng nhập. Mọi thao tác chạy ngay trên trình duyệt của bạn; nếu đã đăng nhập ColorME, ảnh PNG, SVG bạn tải về còn được lưu vào mục Lịch sử để dùng lại. Khi bạn tải PNG, ColorME nhận một bản ảnh bảng màu để theo dõi cách công cụ được dùng." Trong bài này mình chỉ đọc mã màu, không tải file PNG, SVG hay ASE.

Xem thêm: bảng màu xám (có xám ngả xanh), màu nóng trên Canva và các cặp màu tương phản phổ biến.

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

Màu lạnh gồm những màu nào?

Theo quy ước phổ biến, màu lạnh là các sắc từ xanh lục lam tới tím xanh: xanh ngọc, xanh dương, xanh navy, xanh coban, tím xanh, cùng hầu hết các màu xám. Trong hệ HSL, đó là các màu có sắc độ H khoảng 160 tới 270.

Bảng màu nóng và bảng màu lạnh khác nhau thế nào?

Bảng màu nóng gồm đỏ, cam, vàng, nâu, gợi cảm giác ấm, sôi nổi; bảng màu lạnh gồm xanh dương, xanh ngọc, tím xanh, xám lạnh, gợi cảm giác mát, dịu. Khi in, màu nóng dùng chủ yếu mực M và Y, màu lạnh dùng chủ yếu mực C.

Màu xám là màu nóng hay lạnh?

Tuỳ sắc ngầm. Xám ngả xanh như #8A94A6 (H 219) là xám lạnh; xám ngả nâu như #8F8780 (H 28) là xám ấm. Với bảng màu lạnh, nên dùng xám lạnh để cả bộ màu đồng tông.

Màu lạnh phối với màu gì?

Theo quy tắc bổ sung của bánh xe màu, màu lạnh đi với màu nóng đối diện: xanh coban #1E3FA8 với cam đất #A85B1E, xanh ngọc #2EC4B6 với cam đỏ #C4502E. Muốn giữ không khí mát, phối các màu lạnh với nhau theo quy tắc tương đồng và chỉ thêm một chút cam hoặc san hô làm điểm nhấn.

Chữ trắng trên nền xanh ngọc có đọc được không?

Không tốt. Theo công thức WCAG 2.2, chữ trắng trên xanh ngọc #2EC4B6 chỉ đạt 2,17:1, dưới mức 3:1 cho chữ lớn. Hãy dùng chữ navy #14213D (7,37:1) hoặc chọn nền xanh cổ vịt #0F6E73 nếu muốn chữ trắng (6,00:1).