Đêm đầy sao của Van Gogh: câu chuyện, bố cục xoáy, cặp màu xanh và vàng, 5 bài học cho designer

Đêm đầy sao (The Starry Night) của Van Gogh: vẽ tháng 6/1889 ở Saint-Rémy, sơn dầu 73,7 × 92,1 cm, ở MoMA từ 1941. Đọc bố cục xoáy, trục cây bách, cặp màu xanh và vàng với mã HEX trích xuất thật bằng công cụ ColorME, tỉ lệ tương phản WCAG, 5 bài học cho designer và 6 tác phẩm diễn giải lại.

Trả lời nhanh: Đêm đầy sao (The Starry Night, tiếng Hà Lan: De sterrennacht) là bức tranh sơn dầu của Vincent van Gogh, vẽ tháng 6 năm 1889 ở Saint-Rémy-de-Provence, miền Nam nước Pháp. Tranh vẽ khung cảnh nhìn từ cửa sổ hướng đông trong phòng của ông tại nhà thương Saint-Paul-de-Mausole, ngay trước bình minh, kèm một ngôi làng do ông tưởng tượng thêm. Từ năm 1941, bức tranh thuộc bộ sưu tập thường trực của Bảo tàng Nghệ thuật Hiện đại (MoMA) ở New York. Với designer, đây là một bài học trọn vẹn về dòng chảy thị giác, trục dọc và cặp màu bổ túc xanh lam, vàng; bảng màu thật của tranh lấy bằng công cụ Trích xuất bảng màu của ColorME nằm ở phần dưới bài.

Nguồn số liệu: trang The Starry Night trên Wikipedia tiếng Anh và Đêm đầy sao trên Wikipedia tiếng Việt, đọc ngày 03/11/2026.

Bức Đêm đầy sao, sơn dầu trên vải, 73,7 × 92,1 cm. Tranh: Vincent van Gogh, The Starry Night, 1889, MoMA, public domain, via Wikimedia Commons.

Câu chuyện của bức Đêm đầy sao

Ngày 8 tháng 5 năm 1889, sau một đợt khủng hoảng sức khoẻ tâm thần ở Arles cuối năm 1888, Van Gogh tự nguyện vào nhà thương Saint-Paul-de-Mausole, một tu viện cũ gần thị trấn Saint-Rémy-de-Provence. Theo Wikipedia, nơi này khi đó còn chưa kín một nửa, nên ông có một phòng ngủ ở tầng hai và thêm một phòng ở tầng trệt để làm xưởng vẽ. Trong năm ở đây, ông vẽ rất nhiều, trong đó có Irises (Hoa diên vĩ) và Đêm đầy sao.

Từ cửa sổ phòng ngủ, ông vẽ đi vẽ lại một khung cảnh: cánh đồng lúa mì có tường bao, những ngọn đồi thấp của dãy Alpilles chạy chéo từ bên phải, và trong phần lớn các bức là cây bách. Ông vẽ cảnh ấy vào lúc mặt trời mọc, lúc trăng lên, ngày nắng, ngày âm u, ngày gió. Đêm đầy sao là bức cảnh đêm duy nhất trong loạt tranh nhìn từ cửa sổ này.

Vài chi tiết đáng nhớ, đều theo trang Wikipedia nói trên:

• "Ngôi sao" sáng nhất là sao Kim. Đầu tháng 6/1889, ông viết cho Theo rằng sáng hôm đó ông nhìn cánh đồng từ cửa sổ rất lâu trước khi mặt trời mọc, "chỉ có ngôi sao mai, trông rất lớn". Các nhà nghiên cứu xác định sao Kim khi ấy thấy được lúc rạng đông ở Provence; đó là chấm sáng lớn ngay bên phải cây bách.
• Ngôi làng là phần tưởng tượng. Từ phòng của ông không nhìn thấy làng; ngôi làng dựa trên một bản phác thảo vẽ từ sườn đồi phía trên Saint-Rémy. Nhà nghiên cứu Ronald Pickvance cho rằng tháp nhà thờ nhọn mang dáng nhà thờ Hà Lan hơn là Provence.
• Mặt trăng được cách điệu. Theo dữ liệu thiên văn, lúc đó trăng đang ở pha khuyết dần gần tròn, không phải trăng lưỡi liềm như trong tranh.
• Cây bách được phóng to. Van Gogh phóng to kích thước cây bách, kéo chúng lại gần mặt tranh. Một tuần sau khi vẽ, ông viết cho Theo rằng "những cây bách luôn chiếm lấy suy nghĩ" của ông và muốn làm điều gì đó với chúng giống như loạt tranh hoa hướng dương.
• Chính ông không hài lòng. Trong thư gửi Theo, Van Gogh gọi bức tranh là một "thất bại" (failure). Ông gửi tranh cho Theo ở Paris ngày 28/9/1889 cùng chín, mười bức khác.
• Chất màu thật. Phân tích khoa học xác nhận bầu trời dùng xanh ultramarine và xanh coban; các ngôi sao và mặt trăng dùng vàng Ấn Độ (indian yellow) và vàng kẽm (zinc yellow).

Sau khi Theo mất, bức tranh qua tay nhiều nhà sưu tập; năm 1941 MoMA nhận nó từ nhà buôn tranh Paul Rosenberg theo hình thức trao đổi. Nếu muốn đọc thêm một bức khác trong cùng giai đoạn, bài Hoa hướng dương của Van Gogh phân tích loạt tranh ông vẽ ở Arles một năm trước đó.

Đọc bố cục: bầu trời chiếm gần hết khung tranh

Đặt lưới một phần ba lên tranh, có thể thấy ngay vì sao bức tranh vừa động vừa vững:

• Đường chân trời thấp. Dãy đồi và ngôi làng nằm ở dải dưới, khoảng một phần ba chiều cao tranh; phần còn lại là bầu trời. Khi bầu trời chiếm phần lớn khung hình, câu chuyện của tranh là bầu trời, còn mặt đất chỉ là nền đỡ.
• Một trục dọc rất mạnh bên trái. Cây bách tối màu vươn từ mép dưới gần lên tới mép trên, cắt ngang đường chân trời. Đây là khối lớn nhất và tối nhất trong tranh, nên mắt luôn quay về nó.
• Đối trọng ở góc trên bên phải. Mặt trăng vàng sáng nằm gần góc đối diện với chân cây bách. Một khối tối, cao ở bên trái và một đốm sáng, nhỏ ở bên phải tạo thành thế cân bằng chéo: không đối xứng nhưng không lệch.
• Một trục dọc nhỏ lặp lại. Tháp nhà thờ nhọn trong làng là một đường thẳng đứng bé, như tiếng vọng của cây bách. Giữa hàng mái nhà nằm ngang, nó giúp mặt đất không bị phẳng lì.

Lưới một phần ba, đường chân trời, trục cây bách và vị trí mặt trăng vẽ chồng lên tranh để đọc bố cục. Hình phân tích do ColorME dựng. Tranh: Vincent van Gogh, The Starry Night, 1889, MoMA, public domain, via Wikimedia Commons.

Dòng chảy xoáy: dẫn mắt người xem đi một vòng

Điều làm Đêm đầy sao nổi bật là bầu trời chuyển động. Một dải xoáy lớn cuộn ngang giữa trời như con sóng, các ngôi sao, kể cả sao Kim, được bao bởi những vòng sáng đồng tâm, còn các nét cọ ngắn nối với nhau thành những dòng chảy dài. Nhà thiên văn học Charles A. Whitney, theo Wikipedia, cho rằng các vòng xoáy có thể gợi gió mistral của vùng Provence.

Với designer, giá trị của dòng xoáy là đường dẫn hướng (leading line). Mắt người xem đi theo dải xoáy từ trái sang phải, chạm mặt trăng, rồi theo đường đồi chéo đi xuống làng và quay về cây bách. Cả tranh là một vòng khép kín, không có chỗ để mắt "rơi" ra khỏi khung. Đường cong của bầu trời lặp lại ở đường đồi, ở tán cây trong làng và ở các vòng quanh sao: một nhịp (rhythm) thống nhất.

Đường dòng chảy và hướng nhìn vẽ theo các nét xoáy chính trên tranh. Hình phân tích do ColorME dựng. Tranh: Vincent van Gogh, The Starry Night, 1889, MoMA, public domain, via Wikimedia Commons.

Tỉ lệ và điểm nhấn

Van Gogh kéo cây bách lại gần và phóng to nó; ngôi làng thì nhỏ, mái nhà chỉ vài nét. Sự chênh lệch tỉ lệ này tạo chiều sâu mà không cần luật xa gần chặt chẽ: cái gần thì to, tối, chi tiết thô; cái xa thì nhỏ, ấm, có những ô cửa vàng li ti. Điểm nhấn (focal point) không chỉ có một: mặt trăng sáng nhất, cây bách tối nhất, dải xoáy động nhất. Ba điểm nằm ở ba vùng khác nhau, nên tranh nhiều lớp mà không rối.

Bảng màu của Đêm đầy sao: thử bằng công cụ

Ảnh số hoá của bức tranh (bản phạm vi công cộng trên Wikimedia Commons, 1920 × 1520 px) được đưa vào công cụ Trích xuất bảng màu, chọn 8 màu, khi chưa đăng nhập. Công cụ trả về 8 mã HEX kèm tỉ lệ diện tích:

Cột cuối là cách đọc khi đối chiếu với tranh, không phải công cụ ghi. Công cụ đặt tên cho bảng này là "Xanh chàm & xanh ô liu", kèm nhãn "Tổng mát · dịu".

Công cụ Trích xuất bảng màu với ảnh bức Đêm đầy sao, 8 màu chủ đạo. Ảnh chụp màn hình thật, 03/11/2026. Tranh: Vincent van Gogh, The Starry Night, 1889, MoMA, public domain, via Wikimedia Commons.

Kết quả đáng chú ý nhất là thứ gần như vắng mặt: màu vàng. Mặt trăng và các ngôi sao là chỗ ai cũng nhớ, nhưng trên toàn tranh chúng chỉ còn một màu vàng ô liu #948F43 chiếm 3%. Các đốm vàng nhỏ, nằm rải rác, nên bị gộp vào những màu lớn quanh chúng. Bấm thẳng vào một điểm trên ảnh thì lấy được đúng màu tại đó: dải sáng phía dưới cho #C8D7E5, thân cây bách cho #121B17, sườn đồi cho #395385. Khung xem trước của công cụ là một thẻ dọc, cắt bớt hai bên của bức tranh nằm ngang, nên mặt trăng ở góc phải không hiện ra để bấm.

Cách xử lý là cắt riêng vùng mặt trăng (một ô vuông 520 × 520 px từ cùng ảnh) rồi đưa vào công cụ. Với 4 màu, công cụ trả về #5C7AA2 (37%), #B1BE95 (29%), #2D416E (23%) và #AB9E3A (11%), đặt tên "Vàng mù tạt & xanh xám". Ngay cả khi cắt sát mặt trăng, vàng vẫn chỉ chiếm 11%. Bấm vào hình trăng lưỡi liềm được #A19024, vào quầng sáng quanh trăng được #ABB173.

Ảnh cắt vùng mặt trăng đưa vào công cụ Trích xuất bảng màu, chọn 4 màu. Ảnh chụp màn hình thật, 03/11/2026. Tranh: Vincent van Gogh, The Starry Night, 1889, MoMA, public domain, via Wikimedia Commons.

Màu trong ảnh số hoá cũng tối và xỉn hơn cảm giác khi nhìn tranh: bản ảnh này được chụp và xử lý theo cách riêng, còn màu vàng Ấn Độ và vàng kẽm trên tranh thật không thể đo bằng mã HEX của một tấm ảnh.

Cặp màu xanh lam và vàng: vì sao lại "rực" đến thế

Xanh lam và vàng cam nằm gần như đối diện nhau trên vòng tròn màu, nên khi đặt cạnh nhau chúng làm nhau nổi lên: đó là cặp màu bổ túc (complementary). Bài các cặp màu tương phản phổ biến giải thích kỹ hơn cơ chế này. Điều đáng học ở bức tranh là tỉ lệ: xanh chiếm gần hết diện tích, vàng chỉ xuất hiện thành những đốm nhỏ ở sao, trăng và cửa sổ. Màu nhấn dùng ít thì mới sáng.

Với mã thật lấy từ tranh, xanh chàm #2C4079 có sắc độ (hue) khoảng 224°, còn vàng trăng #A19024 khoảng 52°: hai màu cách nhau 172° trên vòng màu, gần như đối diện. Nhưng đặt chữ vàng #A19024 lên nền #2C4079, tỉ lệ tương phản chỉ 3,09:1, dưới mức 4,5:1 mà chuẩn WCAG yêu cầu cho chữ thường. Lý do: hai màu này có độ sáng gần nhau. Cặp bổ túc làm hình "rực" lên, nhưng để chữ đọc được thì cần chênh lệch sáng tối. Có thể kiểm tra từng cặp bằng công cụ Kiểm tra độ tương phản màu trước khi dùng cho chữ nhỏ.

Các cặp màu lấy bằng cách bấm điểm trong công cụ Trích xuất bảng màu, kèm tỉ lệ tương phản tính theo công thức WCAG. Hình do ColorME dựng. Tranh: Vincent van Gogh, The Starry Night, 1889, MoMA, public domain, via Wikimedia Commons.

Nét cọ và kết cấu: bề mặt cũng là thông tin

Nhìn gần, bức tranh không có mảng màu phẳng nào. Mỗi vùng được dựng bằng những nét cọ ngắn, dày, đặt cạnh nhau theo một hướng: nét ngang ở dải đồi, nét cong ở bầu trời, nét dọc như ngọn lửa ở cây bách. Hướng nét cọ chính là thứ tạo ra chuyển động, không phải đường viền. Các màu cũng không trộn đều trên bảng pha: xanh đậm, xanh nhạt, trắng và vàng nằm cạnh nhau, mắt người xem tự hoà chúng lại.

Cắt cận cảnh hai vòng xoáy và một ngôi sao từ ảnh số hoá độ phân giải cao để xem hướng nét cọ. Tranh: Vincent van Gogh, The Starry Night, 1889, MoMA, public domain, via Wikimedia Commons.

Trong thiết kế số, tinh thần này đến từ việc dùng texture có hướng (brush, grain theo nét), hoặc đơn giản là cho các mảng màu có biến thiên nhỏ thay vì phẳng tuyệt đối.

5 bài học cho designer từ Đêm đầy sao

1. Cho một vùng chiếm phần lớn khung hình. Bầu trời chiếm khoảng hai phần ba tranh. Poster hay ảnh bìa mạng xã hội cũng nên có một vùng chủ đạo rõ ràng (một ảnh, một khối màu, một dòng chữ lớn) thay vì chia đều cho mọi thứ.
2. Dùng đường cong để dẫn mắt. Dải xoáy dẫn người xem đi một vòng quanh tranh. Trong poster, đường cong của hình, của dòng chữ chạy theo path hay hướng nhìn của chủ thể có thể đưa mắt từ tiêu đề tới thông tin quan trọng (ngày, giờ, địa điểm).
3. Một trục dọc để giữ bố cục đứng vững. Cây bách là "cột sống" của tranh. Trong layout, một cột chữ, một vật thể cao hay một đường kẻ dọc mạnh giúp bố cục nhiều chuyển động không bị trôi.
4. Cặp bổ túc với tỉ lệ lệch. Xanh lam phủ rộng, vàng điểm xuyết. Quy tắc 60-30-10 quen thuộc trong phối màu là một cách nói khác của cùng ý: màu nền chiếm nhiều, màu nhấn chiếm ít.
5. Kết cấu có hướng tạo chuyển động. Nét cọ cùng hướng làm vùng màu chuyển động. Khi minh hoạ, hãy để hướng nét (hoặc hướng texture) đi theo chuyển động muốn kể.

Muốn học bài bản cách đọc bố cục, phối màu và dựng poster từ những nguyên tắc như trên, có thể tham khảo khoá Thiết kế chuyên sâu của ColorME.

Áp dụng vào poster và bài đăng mạng xã hội

Thử dùng chính các mã màu lấy từ tranh cho hai thiết kế cùng chủ đề: một poster đêm nhạc và một bài đăng vuông cho mạng xã hội của một quán cà phê giả định ở Đà Lạt. Cả hai giữ ba ý từ bức tranh: nền xanh đậm chiếm phần lớn, một đường cong lớn dẫn mắt, và vàng chỉ dùng cho điểm nhấn.

Hai mẫu thiết kế dùng các mã màu trích xuất từ tranh; thương hiệu, tên sự kiện và nội dung đều là giả định. Hình do ColorME tự dựng.

Trong poster, chữ dùng xanh nhạt #C8D7E5 trên nền #2C4079 (6,76:1, đạt AA); màu vàng chỉ dành cho mặt trăng và vài chấm sao. Trong bài đăng vuông, nền gần đen #121B17 đủ tối để chữ vàng #AB9E3A đạt 6,43:1. Nếu cần đổi qua lại giữa HEX, RGB và CMYK cho bản in, dùng công cụ Chuyển đổi mã màu.

Designer và nghệ sĩ diễn giải lại Đêm đầy sao

Bức tranh được rất nhiều nghệ sĩ làm lại bằng đủ mọi chất liệu. Dưới đây là một số tác phẩm tìm qua Pinterest, đều là cảnh vật, không có người, mỗi bức một chất liệu khác nhau. Bản quyền thuộc về các tác giả; ảnh chỉ được thu nhỏ, không chỉnh sửa. Điều đáng để ý là cái gì được giữ lại trong mỗi bản: gần như luôn là dải xoáy, khối tối dựng đứng và cặp xanh, vàng.

Giấy cuộn (quilling): Vesna Rikic

Nghệ sĩ quilling Vesna Rikic (Bosnia) dựng lại bức tranh bằng các dải giấy cuộn dựng đứng trên nền. Theo My Modern Met, bản này cần rất nhiều công cuộn giấy để tái hiện các vòng xoáy. Chất liệu giấy biến nét cọ thành đường kẻ thật, nên dòng chảy của bầu trời càng rõ.

Tác phẩm: Vesna Rikic · nguồn: mymodernmet.com · ghim Pinterest

Tranh khảm (mosaic): Mozaico

Bản khảm của Mozaico ghép các mảnh nhỏ theo đúng hướng nét cọ. Mỗi viên là một "điểm ảnh" có hướng, cho thấy chính hướng đặt nét mới là thứ giữ lại chuyển động của bản gốc.

Tác phẩm: Mozaico (mozaico.com) · nguồn: ghim Pinterest

Pixel art: @cheemsarts

Bản pixel art của @cheemsarts dựng lại bức tranh bằng các ô vuông lớn với ít màu, phóng to dải xoáy và cây bách. Dù chi tiết mất gần hết, tranh vẫn nhận ra ngay: bằng chứng rằng bố cục và cặp màu mới là "nhận diện" của bức tranh.

Tác phẩm: @cheemsarts · nguồn: ghim Pinterest

Phong cảnh mới theo tinh thần cũ: Luis Rincón

Theo trang sản phẩm của National Parks Collective, hoạ sĩ Luis Rincón vẽ tay các bức phong cảnh công viên quốc gia Mỹ "theo phong cách The Starry Night" cho bộ lịch của họ. Ông giữ bầu trời xoáy, sao có vầng sáng và nét cọ dày, nhưng thay cây bách bằng núi băng, cá voi hay vách đá. Đây là cách học từ một kiệt tác mà không chép lại nó: lấy ngôn ngữ hình ảnh, đổi chủ đề.

Tác phẩm: Luis Rincón cho National Parks Collective · nguồn: nationalparkscollective.com · ghim Pinterest

Tác phẩm: Luis Rincón cho National Parks Collective · nguồn: nationalparkscollective.com · ghim Pinterest

Poster du lịch: National Parks Collective

Ở dạng poster, bầu trời xoáy giữ vai trò hình chính, còn tên công viên bằng chữ trắng không chân nằm trên vùng nước tối phía dưới, nơi ít chi tiết hơn: một cách chia vai rõ ràng giữa hình và chữ.

Tác phẩm: National Parks Collective · nguồn: nationalparkscollective.com · ghim Pinterest

Cách lấy bảng màu từ một bức tranh

1. Mở colorme.vn/tools/color-palette, bấm Tải ảnh lên hoặc dán ảnh chụp màn hình; chọn 4, 6, 8 hoặc 10 màu.
2. Với màu nhỏ như sao hay cửa sổ, bấm thẳng vào điểm đó hoặc cắt riêng vùng cần lấy rồi tải lên lại. Nếu chỉ cần một màu trên màn hình, công cụ Eyedropper cũng làm được.
3. Dùng Sao chép HEX hoặc menu Xuất để mang bảng màu sang file thiết kế.

Về dữ liệu, phần hỏi đáp của công cụ ghi: "Không. Màu được phân tích ngay trên trình duyệt của bạn, không cần tải ảnh lên máy chủ để xử lý. ColorME chỉ nhận một ảnh bảng màu (các ô màu kèm mã HEX, không có ảnh của bạn) để theo dõi cách công cụ được dùng." Cũng theo trang này, công cụ "miễn phí, không cần đăng nhập và không giới hạn số ảnh." Mã HEX trong bài là màu của bản ảnh số hoá, không phải màu sơn đo trên tranh.

Câu hỏi thường gặp về bức Đêm đầy sao

Ai đã vẽ bức tranh Đêm đầy sao?

Hoạ sĩ người Hà Lan Vincent van Gogh, thuộc trường phái Hậu ấn tượng, vẽ bức tranh vào tháng 6 năm 1889.

Bức Đêm đầy sao hiện ở đâu?

Ở Bảo tàng Nghệ thuật Hiện đại (MoMA), New York, Mỹ. Bảo tàng có bức tranh từ năm 1941.

Van Gogh vẽ Đêm đầy sao ở đâu?

Ở nhà thương Saint-Paul-de-Mausole gần Saint-Rémy-de-Provence, miền Nam nước Pháp. Tranh vẽ cảnh nhìn từ cửa sổ hướng đông của phòng ông, cộng thêm một ngôi làng tưởng tượng.

Bức Đêm đầy sao có kích thước bao nhiêu?

73,7 × 92,1 cm, sơn dầu trên vải.

Ngôi sao sáng nhất trong tranh Đêm đầy sao là gì?

Theo các nhà nghiên cứu, đó là sao Kim (ngôi sao mai), nằm ngay bên phải cây bách.

Bảng màu của tranh Đêm đầy sao gồm những màu nào?

Theo công cụ Trích xuất bảng màu của ColorME, 8 màu chủ đạo của bản ảnh số hoá chủ yếu là xanh lam và xanh xám, từ #2C4079 đến #A6B5B2, cùng đen than #171B1F; màu vàng của trăng và sao chỉ còn #948F43, chiếm 3% diện tích.