Sử dụng trong phần mềm người dùng cuối
Xem thêm: Bộ chọn màu và Chỉnh sửa hình ảnh
Hình 16a-g Vào những năm 1990, các công cụ lựa chọn màu HSL và HSV đã trở nên phổ biến. Các ảnh chụp màn hình ở trên được lấy từ:
(A) SGI IRIX 5, c. 1995;
(B) Adobe Photoshop, c. 1990;
· (C) IBM OS / 2 Warp 3, c. 1994;
(D) Hệ thống Apple Macintosh 7, c. 1996;
· (E) Nhà Thiết kế Phù hợp, c. 1993;
· (F) Microsoft Windows 3.1, c. 1992;
· (G) NeXTSTEP, c. 1995.
Điều này chắc chắn dựa trên các ví dụ trước đó, kéo dài trở lại PARC và NYIT vào giữa những năm 1970. [L]
Mục đích ban đầu của HSL và HSV và các mô hình tương tự, và ứng dụng hiện tại phổ biến nhất, là các công cụ lựa chọn màu sắc. Đơn giản nhất của chúng, một số bộ chọn màu cung cấp ba thanh trượt, một cho mỗi thuộc tính. Tuy nhiên, hầu hết, hiển thị một miếng hai chiều thông qua mô hình, cùng với một thanh trượt kiểm soát mà cụ thể slice được hiển thị. Loại thứ hai của GUI thể hiện sự đa dạng lớn, bởi vì sự lựa chọn của hình trụ, lăng trụ lục giác, hoặc hình nón / hình bicone mà các mô hình gợi ý (xem sơ đồ gần phía trên cùng của trang). Một vài lựa chọn màu sắc từ những năm 1990 được hiển thị ở bên phải, hầu hết trong số đó vẫn gần như không thay đổi trong thời gian can thiệp: ngày nay, hầu hết các máy tính màu lựa chọn sử dụng HSL hoặc HSV, ít nhất là một lựa chọn. Một số biến thể tinh vi hơn được thiết kế để lựa chọn toàn bộ màu sắc, dựa trên các gợi ý về màu sắc tương thích của họ trên HSL hoặc các mối quan hệ HSV giữa chúng. [M]
Hầu hết các ứng dụng web cần lựa chọn màu sắc cũng dựa trên các công cụ của họ trên HSL hoặc HSV, và các trình lựa chọn màu nguồn mở sẵn sẵn có cho hầu hết các khuôn khổ front-end web chính. Đặc tả CSS 3 cho phép các tác giả web xác định màu sắc cho trang của họ trực tiếp với tọa độ HSL [N] [29]
HSL và HSV đôi khi được sử dụng để xác định gradient cho việc hiển thị dữ liệu, như trong bản đồ hoặc hình ảnh y học. Ví dụ, chương trình GIS phổ biến ArcGIS đã sử dụng gradient dựa trên HSV tùy biến để dữ liệu số liệu địa lý
Phần mềm chỉnh sửa hình ảnh cũng thường bao gồm các công cụ để điều chỉnh màu sắc với tham chiếu đến tọa độ HSL hoặc HSV, hoặc để phối hợp trong một mô hình dựa trên “cường độ” hoặc luma được định nghĩa ở trên. Cụ thể, các công cụ với một đôi thanh trượt “hue” và “saturation” rất phổ biến, ít nhất vào cuối những năm 1980, nhưng các công cụ màu phức tạp khác cũng đã được triển khai. Ví dụ, trình xem hình ảnh Unix và trình biên tập màu xv cho phép sáu phạm vi hue (H) người dùng có thể được xoay và thay đổi kích cỡ, bao gồm điều khiển độ bão hòa (SHSV) giống như quay số và một giao diện giống như đường cong để kiểm soát giá trị ) – nhìn thấy sung. 17. Trình biên tập hình ảnh Picture Window Pro bao gồm một công cụ chỉnh sửa màu cho phép tạo ra các điểm phức tạp trên một mặt phẳng hue / saturation liên quan đến HSL hoặc HSV space [P]
Người chỉnh sửa video cũng sử dụng các mô hình này. Ví dụ: cả Avid và Final Cut Pro bao gồm các công cụ màu dựa trên HSL hoặc một hình học tương tự để sử dụng điều chỉnh màu sắc trong video. Với công cụ Avid, người dùng chọn một vector bằng cách nhấp vào một điểm trong vòng tròn hue / saturation để chuyển tất cả các màu ở một mức độ nhẹ (bóng, giữa tông, nổi bật) bằng vector đó.
Kể từ phiên bản 4.0, các lớp kết hợp chế độ pha trộn màu “Luminosity”, “Hue”, “Saturation” và “Color” của Adobe sử dụng hình học màu luma / chroma / hue. Chúng đã được sao chép rộng rãi, nhưng một số người bắt chước sử dụng các hình học HSL (ví dụ như PhotoImpact, Paint Shop Pro) hoặc HSV (ví dụ: GIMP)
| Color | R | G | B | H | H2 | C | C2 | V | L | I | Y′601 | SHSV | SHSL | SHSI |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| #FFFFFF | 1.000 | 1.000 | 1.000 | n/a | n/a | 0.000 | 0.000 | 1.000 | 1.000 | 1.000 | 1.000 | 0.000 | 0.000 | 0.000 |
| #808080 | 0.500 | 0.500 | 0.500 | n/a | n/a | 0.000 | 0.000 | 0.500 | 0.500 | 0.500 | 0.500 | 0.000 | 0.000 | 0.000 |
| #000000 | 0.000 | 0.000 | 0.000 | n/a | n/a | 0.000 | 0.000 | 0.000 | 0.000 | 0.000 | 0.000 | 0.000 | 0.000 | 0.000 |
| #FF0000 | 1.000 | 0.000 | 0.000 | 0.0° | 0.0° | 1.000 | 1.000 | 1.000 | 0.500 | 0.333 | 0.299 | 1.000 | 1.000 | 1.000 |
| #BFBF00 | 0.750 | 0.750 | 0.000 | 60.0° | 60.0° | 0.750 | 0.750 | 0.750 | 0.375 | 0.500 | 0.664 | 1.000 | 1.000 | 1.000 |
| #008000 | 0.000 | 0.500 | 0.000 | 120.0° | 120.0° | 0.500 | 0.500 | 0.500 | 0.250 | 0.167 | 0.293 | 1.000 | 1.000 | 1.000 |
| #80FFFF | 0.500 | 1.000 | 1.000 | 180.0° | 180.0° | 0.500 | 0.500 | 1.000 | 0.750 | 0.833 | 0.850 | 0.500 | 1.000 | 0.400 |
| #8080FF | 0.500 | 0.500 | 1.000 | 240.0° | 240.0° | 0.500 | 0.500 | 1.000 | 0.750 | 0.667 | 0.557 | 0.500 | 1.000 | 0.250 |
| #BF40BF | 0.750 | 0.250 | 0.750 | 300.0° | 300.0° | 0.500 | 0.500 | 0.750 | 0.500 | 0.583 | 0.457 | 0.667 | 0.500 | 0.571 |
| #A0A424 | 0.628 | 0.643 | 0.142 | 61.8° | 61.5° | 0.501 | 0.494 | 0.643 | 0.393 | 0.471 | 0.581 | 0.779 | 0.638 | 0.699 |
| #411BEA | 0.255 | 0.104 | 0.918 | 251.1° | 250.0° | 0.814 | 0.750 | 0.918 | 0.511 | 0.426 | 0.242 | 0.887 | 0.832 | 0.756 |
| #1EAC41 | 0.116 | 0.675 | 0.255 | 134.9° | 133.8° | 0.559 | 0.504 | 0.675 | 0.396 | 0.349 | 0.460 | 0.828 | 0.707 | 0.667 |
| #F0C80E | 0.941 | 0.785 | 0.053 | 49.5° | 50.5° | 0.888 | 0.821 | 0.941 | 0.497 | 0.593 | 0.748 | 0.944 | 0.893 | 0.911 |
| #B430E5 | 0.704 | 0.187 | 0.897 | 283.7° | 284.8° | 0.710 | 0.636 | 0.897 | 0.542 | 0.596 | 0.423 | 0.792 | 0.775 | 0.686 |
| #ED7651 | 0.931 | 0.463 | 0.316 | 14.3° | 13.2° | 0.615 | 0.556 | 0.931 | 0.624 | 0.570 | 0.586 | 0.661 | 0.817 | 0.446 |
| #FEF888 | 0.998 | 0.974 | 0.532 | 56.9° | 57.4° | 0.466 | 0.454 | 0.998 | 0.765 | 0.835 | 0.931 | 0.467 | 0.991 | 0.363 |
| #19CB97 | 0.099 | 0.795 | 0.591 | 162.4° | 163.4° | 0.696 | 0.620 | 0.795 | 0.447 | 0.495 | 0.564 | 0.875 | 0.779 | 0.800 |
| #362698 | 0.211 | 0.149 | 0.597 | 248.3° | 247.3° | 0.448 | 0.420 | 0.597 | 0.373 | 0.319 | 0.219 | 0.750 | 0.601 | 0.533 |
| #7E7EB8 | 0.495 | 0.493 | 0.721 | 240.5° | 240.4° | 0.228 | 0.227 | 0.721 | 0.607 | 0.570 | 0.520 | 0.316 | 0.290 | 0.135 |