顏色轉換器
在 HEX、RGB 和 HSL 之間轉換顏色,並提供即時預覽。
如何使用 顏色轉換器
- 01
以 HEX 形式輸入顏色,例如 #ff8800。
- 02
即時查看轉換為 RGB 和 HSL 的結果。
- 03
複製你需要的任意格式。
它的作用
這是一款用於網頁和設計工作的顏色轉換器,可在你最常用的三種格式之間轉換顏色:HEX、RGB 和 HSL,並帶有即時樣本,以便你可以準確地看到你正在使用的內容。
這是設計和程式碼之間的日常黏合劑:將模型中的品牌顏色與 CSS 變數相匹配,將設計師以一種格式提供給你的值轉換為你的框架想要的格式,或為懸停狀態找到稍淺的陰影。
一切都在你的瀏覽器中運行,因此它是即時的,你輸入的任何內容都不會發送到任何地方。
格式有何不同
每種格式以不同的方式描述相同的顏色。 HEX(如 #ff8800)是 CSS 和 HTML 中使用的緊湊形式。 RGB 直接表示紅色、綠色和藍色通道,這就是螢幕和畫布等程式碼對顏色的看法。 HSL 描述了色調、飽和度和亮度,當你想要微調顏色時,這要直觀得多:更改色調以使其在色輪上移動,或更改亮度以使其變暗,而無需手動選擇新程式碼。
轉換如何進行
輸入十六進位值,RGB 和 HSL 等效值會立即更新,因此你可以獲得你期望的工具或程式碼庫的任何格式。
尚未涵蓋的內容
目前該工具主要關注 HEX、RGB 和 HSL 中的不透明顏色;尚未包含 alpha(不透明度)支援。
常見問題
支援哪些格式?
HEX(#rgb 或 #rrggbb)、RGB 和 HSL。輸入 HEX 值,其他格式會即時更新。
支援 alpha / 透明度嗎?
暫不支援。本工具專注於不透明的 HEX、RGB 和 HSL。alpha 支援可在日後加入。