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

Chuyển đổi Flutter / Compose sang OKLCH

Dán giá trị Flutter / Compose, nhận ngay OKLCH. Các định dạng khác cũng dùng được.

Nhận dạng: mã Flutter

Giá trị OKLCHoklch(68.036% 0.21001 33.692)
OKLCH sang Flutter / Compose

Tinh chỉnh màu

11°
100%

68%
0,210
34°

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

Ví dụ chuyển Flutter / Compose sang OKLCH

MàuFlutter / ComposeOKLCH
Color(0xFFFF0000)oklch(62.796% 0.25768 29.234)
Color(0xFF00FF00)oklch(86.644% 0.29483 142.495)
Color(0xFF0000FF)oklch(45.201% 0.31321 264.052)
Color(0xFFFFFFFF)oklch(100% 0 0)
Color(0xFF000000)oklch(0% 0 0)
Color(0xFF808080)oklch(59.987% 0 0)
Color(0xFFFF5733)oklch(68.036% 0.21001 33.692)
Color(0xFF3B82F6)oklch(62.308% 0.18801 259.815)
Color(0xFF10B981)oklch(69.587% 0.14907 162.48)
Color(0xFFF59E0B)oklch(76.859% 0.16466 70.08)
Color(0xFF8B5CF6)oklch(60.563% 0.21892 292.717)
Color(0xFFEC4899)oklch(65.592% 0.21177 354.308)

Về Flutter / Compose và OKLCH

Flutter và Jetpack Compose viết màu bằng một số ARGB 32 bit, ví dụ Color(0xFFFF5733). Hai chữ số hex sau 0x là alpha, FF nghĩa là đục hoàn toàn.

OKLCH là OKLab ở dạng tọa độ cực: độ sáng, độ rực và tông màu. Tailwind CSS v4 dùng nó cho toàn bộ bảng màu vì khi đổi độ sáng, tông màu vẫn ổn định.

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

PickShade đọc giá trị Flutter / Compose, 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 OKLCH. 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 Flutter / Compose sang OKLCH?

Dán hoặc nhập giá trị Flutter / Compose 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ị OKLCH.

Chuyển Flutter / Compose sang OKLCH 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.