Color.js是一個(gè)能加強(qiáng)前端開發(fā)中對顏色處理的第三方庫。
假設(shè)你已經(jīng)基本了解色彩通道、色彩空間、色相、飽和度、亮度、不透明度等概念。當(dāng)然了,畢竟前端算是半只腳踏進(jìn)設(shè)計(jì)領(lǐng)域了,相信這些概念難不到你。
輕松管理顏色——color.js庫
Color.js為前端開發(fā)者提供了一個(gè)簡單的顏色管理的API。使用Color.js,你可以創(chuàng)建一個(gè)Color對象來方便的進(jìn)行一系列的顏色操作,如格式轉(zhuǎn)換、獲取單一通道值等,而不用管具體的顏色模型以及相應(yīng)的轉(zhuǎn)換關(guān)系。
使用方式:
<script src="https://unpkg.com/color-js@1.0.3/color.js"></script>
先來看看Color.js與之前介紹的tween.js結(jié)合會有多大的威力。
輸入一個(gè)16進(jìn)制的顏色值,小方塊的顏色會以緩間動畫的方式從當(dāng)前顏色過渡到輸入的顏色值。