什麼是CSS色彩代碼產生器？

CSS顏色代碼產生器，可將任意顏色轉換為所有CSS相容格式：HEX、RGB、RGBA、HSL、HSLA以及CSS命名顏色。透過視覺化選色或輸入任意格式，即可立即取得所有其他格式的值。

使用方法

1. 使用視覺化取色器選擇顏色，或以任意支援的格式（HEX、RGB、HSL）輸入色值。
2. 同時檢視所有CSS格式下的顏色顯示，每種格式均可一鍵複製。
3. 使用透明度滑桿調整不透明度，取得RGBA和HSLA值，然後複製所需的CSS程式碼。

結果

一位前端開發者選擇其品牌橙色#F97316，立即取得rgb(249, 115, 22)、hsl(25, 95%, 53%)以及其他所有格式，可在整個樣式表中統一使用。

相關工具