Share Làm việc chuyên nghiệp với màu sắc bằng thư viện chroma.js

filiallion

Administrator
Staff member
Administrator
Messages
585
Points
10
Language
Tiếng Việt
Làm việc với màu sắc trong thiết kế website yêu cầu các bạn phải có kỹ năng cũng như thẩm mỹ tốt. Tuy nhiên, ngoài kỹ năng và thẩm mỹ thì các công cụ hỗ trợ xử lý màu sắc, chuyển đổi định dạng giữa các hệ màu đôi lúc lại rất cần thiết. Bài viết này tôi giới thiệu với các bạn thư viện chroma.js được viết bằng JavaScript, nhỏ gọn, xử lý được nhiều vấn đề liên quan tới màu sắc sẽ giúp ích cho các bạn lập trình front-end rất nhiều.

Với khả năng chuyển đổi định dạng giữa các hệ màu, dễ dàng tạo ra các màu sắc đẹp bằng phương pháp đơn giản đã giúp thư viện chroma.js trở nên phổ biến, được nhiều lập trình viên, thiết kế giao diện website sử dụng.

Các bạn tải thư viện chroma.js tại địa chỉ https://github.com/gka/chroma.js và tích hợp vào website với dòng mã lệnh HTML như sau:
HTML:
<script src="path/to/chroma.min.js"></script>
Sau khi tích hợp vào website, các bạn có thể sử dụng thư viện chroma.js như ví dụ sau:
JavaScript:
var color = chroma('blue').darken().saturate(2).hex();
Các bạn có thể tìm hiểu thêm về thư viện chroma.js tại địa chỉ https://gka.github.io/chroma.js.
 
Back
Top