Công cụ chọn màu của Morph cho phép bạn chọn bất kỳ màu sắc nào trực quan và đọc mã của nó ngay lập tức theo các định dạng bạn thực sự sử dụng: HEX (`#3A7BD5`), RGB (`rgb(58, 123, 213)`) và HSL (`hsl(214, 64%, 53%)`). Kéo qua vùng màu, điều chỉnh bằng thanh trượt sắc độ, và sao chép giá trị trực tiếp vào CSS, tập tin thiết kế hoặc bất cứ nơi nào bạn cần.
Cả ba mã đều mô tả cùng một màu — chúng chỉ là cách viết khác nhau, và mỗi định dạng có mục đích riêng:
Thay đổi màu sắc theo cách bạn muốn và cả ba mã luôn đồng bộ, giúp bạn chọn bất kỳ định dạng nào phù hợp với dự án của mình.
Nhà thiết kế sử dụng nó để xác định bảng màu chính xác và sao chép giá trị vào tập tin thiết kế hoặc hướng dẫn phong cách. Nhà phát triển front-end sử dụng để lấy HEX cho nút hoặc chuyển đổi RGB từ nhà thiết kế sang HSL để xây dựng trạng thái hover. Bất kỳ ai chỉnh sửa chủ đề, màu biểu đồ hoặc mẫu email đều có thể chọn đúng tông màu và sao chép chỉ bằng một lần nhấp. Vì HSL luôn ở cạnh HEX, việc tạo các biến thể sáng hơn hoặc tối hơn từ màu cơ bản trở nên dễ dàng hơn nhiều so với đoán các chữ số hex.
Công cụ chọn màu là mã thuần trình duyệt — toán học màu sắc và giao diện đều chạy trên thiết bị của bạn. Không có tải lên, không cần tài khoản và không có gì được gửi đến máy chủ. Nó tải nhanh và tiếp tục hoạt động ngoại tuyến sau khi trang được mở, vì việc chọn màu và tính toán mã không bao giờ cần kết nối mạng.
Khi sao chép giá trị HEX, nó sẵn sàng dán vào CSS ngay lập tức. Nếu bạn cần màu có độ trong suốt, chuyển sang RGB và thêm kênh alpha (`rgba(...)`) trong mã của bạn. Để xây dựng bảng màu nhất quán, chọn một màu cơ bản và sử dụng giá trị HSL độ sáng để tạo tông màu nhạt và tối bằng cách điều chỉnh độ sáng lên hoặc xuống trong khi giữ nguyên sắc độ và độ bão hòa — điều này giúp một tập hợp màu cảm giác như một gia đình thay vì một tập hợp ngẫu nhiên.
Nó hiển thị HEX, RGB và HSL cho mọi màu bạn chọn, luôn đồng bộ, giúp bạn sao chép bất kỳ định dạng nào phù hợp với dự án của mình.
HSL giúp điều chỉnh màu sắc một cách trực quan — tăng độ sáng để tạo tông màu nhạt, giảm độ sáng để tạo tông màu tối, hoặc thay đổi sắc độ — mà không cần đoán các chữ số hex.
Chọn màu của bạn, sao chép giá trị RGB, và thêm kênh alpha trong mã của bạn dưới dạng rgba(...) để thiết lập mức độ trong suốt mong muốn.
Không. Công cụ chạy hoàn toàn trên trình duyệt của bạn. Không có tải lên và không có gì được gửi đến máy chủ — nó thậm chí hoạt động ngoại tuyến sau khi tải xong.
Chọn một màu cơ bản và sử dụng giá trị HSL của nó, sau đó điều chỉnh độ sáng lên hoặc xuống trong khi giữ nguyên sắc độ và độ bão hòa để tạo tông màu nhạt và tối cảm giác như một tập hợp thống nhất.