一般工具 / 08

色彩轉換器

將HEX色彩轉換為RGB與HSL,並即時顯示色樣。

色彩轉換器: TOEA會解析短版或長版HEX表示法,並計算標準sRGB與HSL色彩通道數值。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。

使用次數
在瀏覽器中
費用
免費・免註冊
可用狀態
可立即使用
Color conversion desk本機處理

全程在瀏覽器中執行

結果

本機計算
#63C42D
HEX: #63C42D
RGB: rgb(99, 196, 45)
HSL: hsl(99, 63%, 47%)

HEX、RGB與HSL

HEX和RGB描述的是同一件事:紅、綠、藍三種色彩的數值,範圍為0到255,只是分別以十六進位或十進位表示。HSL則以色相、飽和度和亮度描述色彩,更方便手動調整:若要製作品牌色的較亮或較暗版本,只需變更L值。色彩變化產生器可以用固定的增量完成這項工作。

檢查使用中的色彩

這些數值採用sRGB,也就是網路和大多數螢幕使用的色彩空間。廣色域顯示器可以透過color(display-p3 …)和oklch()等CSS函式顯示更高飽和度的色彩,但這些色彩沒有完全對應的HEX值。

將色彩用於文字前,請使用對比度檢查工具確認文字與背景的對比;若要從圖片擷取色彩,請使用圖片取色器。

使用方式

  1. 輸入或選取HEX色彩。
  2. 查看其RGB與HSL格式。
  3. 複製轉換結果。

隱私與限制

色彩資料會留在本機。顯示效果可能因螢幕與色彩描述檔設定而有所不同。

相關工具

常見問題

這個工具會上傳我的輸入內容嗎?

不會,所有處理都在您目前的瀏覽器分頁中進行。

支援Alpha嗎?

支援。4位數與8位數的HEX輸入也會顯示Alpha比例。

免費工具・使用在瀏覽器中次・免註冊