Có phải màu sắc an toàn trên web vẫn còn quan trọng?


62

Nhiều năm trước, các nhà thiết kế web luôn khuyến nghị chỉ nên sử dụng màu sắc an toàn cho web.

Các nghiên cứu đã được thực hiện để xem nếu đây vẫn là trường hợp? Nếu vậy, câu trả lời là gì?

Có ai biết hoặc có một tài liệu tham khảo cho một nghiên cứu hoặc báo cáo bao gồm điều này?


Tôi không chắc chắn đã từng có những màu thực sự an toàn trên web (một tập hợp các màu sẽ luôn hiển thị mà không phối màu trên bất kỳ nền tảng 256 màu nào). Ít nhất không phải là cổ điển 216.
e100

Chỉnh sửa: đây là một bài viết được viết vào năm 2000 hoặc lâu hơn, chỉ ra rằng có những vấn đề quan trọng với bảng màu 216 cổ điển, đặc biệt là trên các hệ thống 16 bit: vật lý.ohio
e100

Câu trả lời:


53

Chủ yếu là bạn không có gì phải lo lắng. Phần lớn khách truy cập vào một trang web sẽ có thể hỗ trợ hơn 256 màu trong những ngày này.

Nếu vì một lý do nào đó, cơ sở người dùng của bạn có thể có tỷ lệ thành viên cao hơn bình thường sử dụng các hệ thống từ đầu những năm 90, thì bạn có thể muốn xem xét nó .. nhưng trong bất kỳ kịch bản điển hình nào, nó không còn là vấn đề nữa.

Thống kê hiển thị trình duyệt w3schools cho thấy vào tháng 1 năm 2010, 0% người dùng internet vẫn ở mức 256 màu


13
Điều này nói về màu sắc là gì? Tôi vẫn sử dụng đơn sắc!
Mateen Ulhaq

"Trong thời của tôi, chúng tôi đã phải đưa ra màn hình trắng!"
Kaji

4
Và bất kỳ người dùng nào vẫn đang sử dụng màn hình 256 màu sẽ có khả năng (a) sẽ rất quen với việc tái tạo màu sắc kém trên bảng; hoặc có lẽ (b) đã làm việc xung quanh nó, ví dụ bằng cách buộc các trang web hiển thị bằng văn bản màu đen trên nền trắng.
e100

@Kaji Không, xem nào, đó chỉ là bạn.
Sylverdrag

2
W3schools.com không phải là trang web đại diện cho thống kê trình duyệt: nó nhắm đến các nhà phát triển web và thu hút rất nhiều nhà phát triển, có nhiều khả năng có màn hình độ phân giải cao hơn với nhiều màu sắc hơn so với người dùng khác (tất nhiên trừ nhà thiết kế đồ họa). Điều đó nói rằng, thật an toàn khi cho rằng người dùng thông thường hiện nay sử dụng card đồ họa có khả năng tạo ra nhiều màu sắc ở độ phân giải cao.
Marcel Korpel

17

Câu trả lời ngắn:

Không.

Câu trả lời dài:

Người dùng trung bình có một card màn hình / màn hình đủ đẹp mà "an toàn web" không còn là vấn đề nữa.


8

Quay trở lại những năm đầu thập niên 90, hầu hết các card đồ họa (bao gồm cả những máy tính trên £ 20K SGI Indy 'máy trạm đồ họa') không có đủ bộ nhớ để hiển thị hình ảnh màu sắc trung thực. Công việc xung quanh là sử dụng 256 màu làm việc với bảng tra cứu và thuật toán phối màu.

256 màu của 'bảng tra cứu' có thể là bất kỳ màu nào trong số 2 ^ 24 màu bạn có với một PC hiện đại, tuy nhiên, một số trong số này được dành riêng cho hệ điều hành để sử dụng. Thông thường, 32-40 màu đã được sử dụng cho viền cửa sổ, văn bản menu và trang trí màn hình khác để lại 216 màu cho ứng dụng.

Với các ứng dụng PC trên màn hình 8 bit, mỗi cửa sổ / ứng dụng có thể có bộ màu riêng, đặc biệt là với các máy trạm Unix. Điều này có thể dẫn đến nhấp nháy màu sắc khi đi từ cửa sổ này sang cửa sổ tiếp theo - cửa sổ được chọn sẽ trông đẹp nhưng cửa sổ nền có thể hơi lạ.

Khi web xuất hiện cùng với trình duyệt khảm (và sau đó là Netscape), trình duyệt phải hoạt động với các ứng dụng khác, hiển thị tuy nhiên nhiều hình ảnh mà nhà thiết kế web đưa vào trang. Những thứ này có thể được tự động hòa sắc xuống các màu 'an toàn web' 216 ​​(6 x 6 x 6). Đương nhiên, các thành phần trang khác (ví dụ: 'H1 - H6') cũng có thể được phối màu thành 216 màu mà bảng màu có sẵn.

Nếu một người không dính vào 216 'màu an toàn web' (mà bất kỳ trình duyệt nào cũng có thể hiển thị) thì kết quả không thể đoán trước được, một màu đỏ tinh tế có thể được hiển thị thành màu đỏ không tinh tế, v.v. Như những người khác trong chủ đề này đã đề cập, 16 bit và đúng -Có màu sắc xuất hiện cho hầu hết các PC vào giữa những năm 1990, làm cho 'web an toàn' không còn là vấn đề nữa. Tuy nhiên, màn hình 16 bit sử dụng ít bit hơn cho mỗi màu thay vì bảng tra cứu, giống như cách với màu 8 bit. 5 bit cho mỗi thành phần màu đỏ, xanh lá cây và xanh dương đã cho gần đúng màu thật, nhưng thực sự không phải vậy. Một giá trị RGB nhất định, ví dụ #ABCDEF sẽ không được hiển thị chính xác như #ABCDEF vì vậy 'an toàn web' vẫn có một số mức độ phù hợp nếu bạn muốn màu sắc giống nhau từ PC sang PC.


8

Quay lại khi internet (và máy tính) mới, màn hình không có hỗ trợ màu hiện tại, chúng tôi đã có màu 24 hoặc 32 bit, nơi chúng tôi trước đây chỉ có màu 8 bit.

Vì một số máy tính không thể hiển thị một số màu nhất định (chỉ 256 (2 ^ 8)), nếu một màu không phải là một trong những màu an toàn trên web được sử dụng, máy tính sẽ cố gắng hiển thị màu gần nhất với nó (đôi khi là màu đã thực sự tắt).

Bây giờ chúng tôi không phải lo lắng, chúng tôi đã có màn hình có thể hiển thị hàng nghìn hoặc hàng triệu màu, do đó, pallet an toàn trên web đã hơi lỗi thời (mười lăm năm hoặc lâu hơn).


Màu 16 bit là 2 ^ 16 = 65536 màu. Đó không phải là 16x16. Những gì bạn có thể có nghĩa là màu 8 bit. Đó là 2 ^ 8 = 256.
Vaibhav Garg

2

Khoảng 99% mọi người sử dụng màn hình / điện thoại di động với màn hình 24 bit hoặc 32 bit. Phối màu sẽ không xảy ra với những điều này (nó vẫn có thể xảy ra với màn hình 16 bit, nhưng nó không phổ biến và chỉ đơn giản là gây ra thời gian tải nhỏ hơn đáng kể). Vì vậy, điều này chủ yếu không phải là một vấn đề về phối màu. Tuy nhiên, có những lý do khác nhau tại sao màu sắc an toàn web là hữu ích.

Chúng cung cấp các màu tương phản và khác nhau nhất quán, rất hữu ích khi làm việc với khán giả mù màu, vì họ sẽ có cơ hội tốt hơn để nói một phần về các màu khác nhau so với việc sử dụng hầu hết các pallet khác hoặc chỉ quyết định ngẫu nhiên bất cứ điều gì màu sắc bạn nghĩ là tốt Các màu này đều hữu ích cho mã tốc ký CSS, nói cách khác là mã hóa màu chỉ có 3 ký tự thay vì 6 (ví dụ #663399có thể #639).


Kudos đã đề cập đến khả năng tiếp cận cho khán giả mù màu. Điều đó nói rằng, tốt hơn hết là bạn nên nỗ lực để chọn các màu chính xác thực sự tương phản với các deuteranopes (và protanopes, lý tưởng) thay vì chỉ hy vọng rằng màu an toàn trên web sẽ hoạt động. Tôi khuyên bạn nên tạo một bảng màu tùy chỉnh tại paletton.com với mô phỏng cho "deuteranopia" được bật. (Nếu điều đó quá đáng ngại, "deuteranomaly" sẽ hoạt động với hầu hết trong số họ.) Phân tích độ tương phản màu cũng là một công cụ miễn phí tuyệt vời. Cân nhắc chỉ sử dụng các sắc thái của màu xanh lam, vàng, xanh lá cây, đỏ tươi và xám.
Jon Coombs

-2

Màu an toàn trên web một lần vẫn được áp dụng là khi sử dụng ảnh GIF vì chúng bị giới hạn ở 256 màu. Tất nhiên những màu đó có thể là hầu hết mọi màu bạn muốn, nhưng chỉ có thể có 256 trong 1 hình ảnh.


2
Nhưng những 256 màu trong bảng GIF không cần phải chứa các 216 màu web-safe .
jensgram

Điểm quan trọng hơn là nếu bạn muốn sử dụng GIF (vì có thể có kích thước) cho một phần của thiết kế (như logo), tốt hơn hết là giữ số lượng màu giảm xuống.
Darryl Hein

1
-1: điều này không liên quan.
e100

1
Có lẽ không liên quan hầu hết thời gian, nhưng tôi có thể tưởng tượng các trường hợp sẽ xảy ra. Nếu bạn đã ở trong một tình huống mà bạn muốn có nhiều GIF (hoặc những cái lớn biên dịch nhiều nội dung) để sử dụng một bảng màu nhất quán, thì đây sẽ là một cách tốt để làm điều đó, phải không?
Jon Coombs
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.