Chuyển đến công cụ chọn màu

Chuyển đổi OKLab sang HSB / HSV

Dán giá trị OKLab, nhận ngay HSB / HSV. Các định dạng khác cũng dùng được.

Nhận dạng: OKLab

Giá trị HSB / HSVhsv(10.59 80% 100%)
HSB / HSV sang OKLab

Tinh chỉnh màu

11°
100%

68%
0,210
34°

Mọi định dạng khác

Ví dụ chuyển OKLab sang HSB / HSV

MàuOKLabHSB / HSV
oklab(62.796% 0.22486 0.12585)hsv(0 100% 100%)
oklab(86.644% -0.23389 0.1795)hsv(120 100% 100%)
oklab(45.201% -0.03246 -0.31153)hsv(240 100% 100%)
oklab(100% 0 0)hsv(0 0% 100%)
oklab(0% 0 0)hsv(0 0% 0%)
oklab(59.987% 0 0)hsv(0 0% 50.2%)
oklab(68.036% 0.17474 0.1165)hsv(10.59 80% 100%)
oklab(62.308% -0.03325 -0.18505)hsv(217.22 76.02% 96.47%)
oklab(69.587% -0.14216 0.04488)hsv(160.12 91.35% 72.55%)
oklab(76.859% 0.0561 0.15481)hsv(37.69 95.51% 96.08%)
oklab(60.563% 0.08454 -0.20193)hsv(258.31 62.6% 96.47%)
oklab(65.592% 0.21073 -0.021)hsv(330.37 69.49% 92.55%)

Về OKLab và HSB / HSV

OKLab là không gian màu cảm nhận hiện đại ra đời năm 2020. Các bước bằng nhau trông cũng bằng nhau với mắt, nên gradient và màu pha trông sạch hơn so với RGB hay HSL.

HSV, còn gọi là HSB, dùng tông màu, độ bão hòa và độ sáng (value). Photoshop, Figma và hầu hết công cụ chọn màu dùng nó cho ô chọn hình vuông.

Cách chuyển đổi hoạt động

PickShade đọc giá trị OKLab, chuyển sang CIE XYZ bằng các ma trận trong đặc tả CSS Color 4, rồi chuyển tiếp sang HSB / HSV. Giá trị nằm ngoài gam màu đích được ánh xạ theo thuật toán CSS Color 4: giữ độ sáng và tông màu, chỉ giảm độ rực.

Hỏi đáp

Làm sao chuyển OKLab sang HSB / HSV?

Dán hoặc nhập giá trị OKLab vào ô phía trên. PickShade chuyển đổi ngay khi bạn gõ theo công thức CSS Color 4, và chỉ cần một cú nhấp để sao chép giá trị HSB / HSV.

Chuyển OKLab sang HSB / HSV có chính xác không?

Phép tính là chính xác, kết quả chỉ được làm tròn khi hiển thị, với đủ chữ số để chuyển ngược lại vẫn ra đúng màu cũ. Nếu màu không nằm trong gam màu đích, PickShade sẽ cảnh báo và hiện màu gần nhất nằm trong gam.

Có lấy được các định dạng khác cùng lúc không?

Có. Mọi định dạng khác, gồm OKLCH, Display P3, Tailwind, SwiftUI, Flutter và Android, đều được liệt kê bên dưới kết quả và sao chép bằng một cú nhấp.

Công cụ chuyển đổi này có miễn phí không?

Có. Hoàn toàn miễn phí, không cần đăng ký và chạy hoàn toàn trong trình duyệt của bạn.