Giới thiệu về màu | RGB, CMYK, HSL, bánh xe & Gradients XRPIpEX PictorX

Ánh sáng, mắt và hai loại pha trộn

Màu sắc không phải là một lớp phủ trên một vật thể. Nó là ánh sáng, cộng với một bộ não biến các bước sóng thành màu đỏ, vàng hoặc xanh dương. Màn hình thêm ánh sáng (sự pha trộn lâu dài): đỏ, xanh lá cây và xanh dương kết hợp với nhau về phía trắng. In và sơn trừ đi ánh sáng (sự pha trộn chủ động): mực bộ lọc bước sóng, và trộn chúng vào màu đen. Đó là lý do tại sao một neon trên màn hình hiếm khi khớp với công việc trên giấy.

lăng trụ màu sắc là một vật thể trong suốt, hình tam giác phân chia ánh sáng trắng thành tất cả các màu sắc của cầu vồng.

RGB: làm thế nào màn hình đếm màu

Một điểm ảnh trên điện thoại hoặc máy tính xách tay là ba ánh sáng nhỏ. Mỗi kênh thường được lưu là 0–255 (8 bit). (0, 0, 0) là đen, (255, 257, 257) là trắng, (255, 0, 0) là đỏ hoàn toàn. Hex cũng là 3 lần viết cho trang web: #FF0000 là màu đỏ, #000 là màu đen. Các nhà thiết kế vẫn nói chuyện bằng RGB bởi vì đó là những gì trình diễn thực sự phát ra.

CMYK: tại sao bản in trông khác

Máy in có mực xanh lông mòng, đỏ tươi, vàng và đen (K). Chúng không thể phát ra ánh sáng, chỉ ngâm nó lên, vì vậy RGB gamut của một màn hình lớn hơn hầu hết các máy in CMYK. Màu xanh bão hòa trên màn hình thường nhạt trên giấy. Chuyển đổi sang CMYK trước khi bạn hứa màu in, và bằng chứng về cổ phiếu bạn sẽ dùng. PictorX có thể hiển thị số CMYK từ một màu đã chọn vì vậy bạn thấy khoảng trống; nó không phải là một thay thế cho một hồ sơ báo chí.

Biểu đồ so sánh bổ sung RGB ánh sáng pha trộn với pha trộn mực CMYK trừ

HSL và HSV: núm vú của nhà thiết kế

Sắc màu là vị trí trên cầu vồng (0–360°). Độ bão hòa tinh khiết so với màu xám. Ánh sáng (HSL) là độ gần của màu trắng hay đen; giá trị / độ sáng (HSV) là cách gần màu đen trong khi giữ cho màu sắc sống động cho đến cuối cùng. Những nhà thiết kế như HSL và HSV bởi vì “một chút tối tăm hơn, cùng một màu cam là một con trượt, chứ không phải là đoán trong ba con số RGB.

Hex và tên CSS màu

Hex (#RGGBB, đôi khi #RGB hoặc #RGGBBAA) là viết tắt của trang web cho RGB. CSS cũng có những con tàu tên là màu sắc - cral, màu xanh thép, rebeccapurple - đó là bản đồ để cố định giá trị hex. Tên là hữu ích cho phác thảo; hex (hoặc chức năng màu CSS hiện đại) là những gì bạn vận chuyển khi thương hiệu phải khớp.

Vòng màu và các mối quan hệ

Một bánh xe màu sắp xếp màu sắc theo vòng tròn. Các mối quan hệ cổ điển: màu sắc bổ sung nằm đối diện (xanh và cam) và tương phản cứng; các màu tương tự là hàng xóm và cảm thấy liên quan; màu sắc ba lá thậm chí còn ngồi xa nhau và tiếp tục sống động; chia cắt có màu sắc cộng với hai màu khác nhau, tương phản với ít xung đột hơn; sắc màu sắc là một màu sắc ở nhiều độ nhạt. Máy phát điện bảng màu của PictorX hiện vẫn giữ nguyên chức năng bổ sung, tương tự và đa sắc tộc. Bánh xe vẫn giải thích phần còn lại của bộ cổ điển, ngay cả khi một công cụ đã cho không mang lại mọi sự hài hòa.

Bánh xe màu trong PictorX với một màu sắc bắt đầu và có quan hệ với nhau

Gradient:

Một dốc là một hỗn hợp dọc theo một con đường. Tuyến tính di chuyển theo một hướng; chim đại bàng mọc từ một trung tâm. Màu sắc chặn màu sắc chính xác tại vị trí dọc theo con đường đó. Nhiều ngăn chặn nghĩa là kiểm soát nhiều hơn, không tự động thêm vị giác. Trong CSS, đại học tuyến tính và phổ thông là cùng một ý tưởng. PictorX, biên tập viên chuyển tiếp cho phép bạn kéo các điểm dừng và sao chép CSS, HEX, RGB, HSL, HSV, hoặc CMYK.

Tương phản, khả năng truy cập, ấm và mát

Sự tương phản là hai màu nằm ở độ sáng (và màu sắc). WCAG yêu cầu độ tương phản đủ để có thể đọc được: khoảng 4.5: 1 cho văn bản thông thường và 3:1 cho văn bản lớn ở cấp độ AA. Đó là sàn nhà, không phải phong cách. Màu sắc ấm (vàng, cam, vàng) cảm thấy gần hơn; sắc mát (xanh, xanh lá cây, tím). Hãy sử dụng sự tương phản cho loại và UI; sử dụng ấm và mát mẻ cho tâm trạng.

Công cụ màu trong PictorX

Bánh xe màu là để chọn màu sắc và đọc âm thanh. Người biên tập lớp là cho hỗn hợp và CSS. Máy phát điện bảng màu xây dựng, khóa, và xáo trộn và có thể lấy màu từ một bức ảnh. Chuyển đổi màu Hiệu ứng màu sẽ làm cho ảnh trở thành màu sắc và ngoại hình khác. Không có điều nào trong số này thay thế một máy in hay một máy đo phổ; nó là một cách nhanh để thấy màu sắc ảnh hưởng thế nào.

Hỏi thường xuyên

Sự khác biệt giữa RGB và CMYK là gì?

RGB là ánh sáng bổ sung trên màn hình (thường là 0–255 trên mỗi kênh). CMYK là trừ mực trên giấy. Chúng bao gồm các phạm vi khác nhau, vì vậy một màu màn hình thường không thể in chính xác.

Phần bổ sung có nghĩa gì trên một bánh xe màu?

Những lời chúc tụng dành cho nhau. Chúng tương phản mạnh mẽ với nhau. Máy phát điện bảng màu của PictorX có thể xây dựng một bộ bổ sung từ màu bắt đầu.

Tại sao các nhà thiết kế lại dùng HSL thay vì RGB?

Sắc màu, độ bão hòa và độ sáng phù hợp với cách chúng ta nói về màu sắc. Bạn có thể đánh bóng một quả cam ở HSL mà không vô tình trộn nó với màu nâu theo cách mà một cú sốc RGB ngây thơ có thể.

WCAG cần bao nhiêu sự tương phản?

Đối với AA, khoảng 4.5:1 cho văn bản thông thường và 3:1 cho văn bản lớn. Kiểm tra mẫu trên nền thật của nó, không chỉ một cái swatch mẫu.

Công cụ liên quan

Sẵn sàng thử chưa?

Mở PictorX trong trình duyệt của bạn — không cài đặt, không cần thiết thẻ tín dụng để khởi động.

Thử bánh xe màu