Đã giải quyết: javascript hex sang rgb

Vấn đề chính với việc chuyển đổi các giá trị màu thập lục phân thành RGB là không có sự tương ứng một-một giữa hai định dạng. Ví dụ: màu #FF0000 được biểu thị bằng RGB là 255, 0, 0, nhưng ở dạng hex, nó sẽ bằng màu #F0. Điều này có nghĩa là hai màu khác nhau có thể có cùng giá trị RGB nếu chúng bao gồm các lượng khác nhau của mỗi thành phần màu.

"use strict";

function hexToRgb(hex) {
    var result = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
    return result ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16)
    } : null;
}

"Sử dụng nghiêm ngặt";

Dòng mã này kích hoạt chế độ nghiêm ngặt, đây là cách để viết JavaScript tốt hơn. Ở chế độ nghiêm ngặt, bạn không thể sử dụng các biến không được khai báo. Dòng mã này phải ở đầu tệp JavaScript của bạn để chế độ nghiêm ngặt hoạt động.

hàm hexToRgb(hex) {
var result = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
trả về kết quả? {
r: parseInt(kết quả[1], 16),
g: parseInt(kết quả[2], 16),
b: parseInt(kết quả[3], 16)
} : vô giá trị;
}

Đây là hàm chuyển đổi giá trị màu hex thành giá trị màu RGB. Hàm nhận một tham số, là giá trị màu hex mà bạn muốn chuyển đổi. Hàm sử dụng một biểu thức chính quy để khớp với mẫu của giá trị màu hex và nếu tìm thấy khớp, nó sẽ trả về một đối tượng có các giá trị màu đỏ, xanh lá cây và xanh dương. Nếu nó không tìm thấy kết quả phù hợp, nó sẽ trả về giá trị rỗng.

Chuyển đổi giữa các màu

Không có câu trả lời chung cho tất cả câu hỏi này, vì cách tốt nhất để chuyển đổi màu giữa các không gian màu khác nhau có thể khác nhau tùy thuộc vào nhu cầu cụ thể của ứng dụng của bạn. Tuy nhiên, bạn có thể tìm thấy một số mẹo về cách chuyển đổi màu giữa các không gian màu trong JavaScript bên dưới.

Để chuyển đổi một màu từ không gian màu này sang không gian màu khác, bạn có thể sử dụng các hàm rgb() và hsl(). Các hàm này nhận ba đối số: giá trị đỏ, lục và lam tương ứng. Đối số đầu tiên chỉ định không gian màu cơ sở (ví dụ: RGB), trong khi đối số thứ hai và thứ ba chỉ định không gian màu đích (ví dụ: HSL).

Để chuyển đổi màu từ định dạng pixel này sang định dạng pixel khác, bạn có thể sử dụng hàm css(). Hàm này nhận hai đối số: một chuỗi biểu thị tên thuộc tính CSS (ví dụ: “màu”) và một số biểu thị giá trị mong muốn cho thuộc tính đó (ví dụ: “50”).

Định dạng màu

Có một vài định dạng màu khác nhau mà bạn có thể sử dụng trong JavaScript.

RGB – Đỏ, Lục, Lam

HEX – #RRGGBB

HSL – Sắc độ, Độ bão hòa, Độ sáng