Chuyển đổi Display P3 sang HEX

Dán giá trị Display P3, nhận ngay HEX. Các định dạng khác cũng dùng được.

Từ Display P3

Nhận dạng: CSS color()

Giá trị HEX#ff5733

HEX sang Display P3

Tinh chỉnh màu

Tông màu11°

Độ trong suốt100%

Độ sáng68%

Độ rực0,210

Tông màu34°

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

Ví dụ chuyển Display P3 sang HEX

Màu	Display P3	HEX
	color(display-p3 0.91749 0.20029 0.13856)	#ff0000
	color(display-p3 0.4584 0.98526 0.29829)	#00ff00
	color(display-p3 0 0 0.95959)	#0000ff
	color(display-p3 1 1 1)	#ffffff
	color(display-p3 0 0 0)	#000000
	color(display-p3 0.50196 0.50196 0.50196)	#808080
	color(display-p3 0.92577 0.38907 0.25797)	#ff5733
	color(display-p3 0.30473 0.50347 0.93383)	#3b82f6
	color(display-p3 0.33254 0.71471 0.52213)	#10b981
	color(display-p3 0.91216 0.63495 0.23045)	#f59e0b
	color(display-p3 0.51827 0.3688 0.93154)	#8b5cf6
	color(display-p3 0.85506 0.33272 0.5918)	#ec4899

Về Display P3 và HEX

Display P3 là gam màu rộng của màn hình Apple đời mới và nhiều điện thoại. Nó chứa nhiều hơn sRGB khoảng 25% màu và được viết là color(display-p3 r g b).

HEX ghi đỏ, xanh lá và xanh dương, mỗi kênh bằng hai chữ số thập lục phân, ví dụ #ff5733. Đây là cách ghi màu phổ biến nhất trên web và trong các công cụ thiết kế.

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

PickShade đọc giá trị Display P3, 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 HEX. 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 Display P3 sang HEX?

Dán hoặc nhập giá trị Display P3 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ị HEX.

Chuyển Display P3 sang HEX 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.