全部計算機·顏色轉換

顏色轉換

在 HEX、RGB、HSL 之間轉換

HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)

同一個顏色的三種寫法

HEX 和 RGB 是同一組數字換了件衣服——六位十六進位就是三個位元組。HSL 是把同一個空間換個方式攤開:色相是角度,飽和度和亮度是百分比。彼此轉換不會丟東西。

HSL 是那個能推理的

要在 RGB 裡把顏色調亮,你得同時挪三個數字碰運氣。在 HSL 裡把 L 抬高就行。設計系統之所以用 HSL 定義色票、用 HEX 交付,原因就在這裡。

廣告

順便看看 — 加密貨幣交易所註冊優惠

其他計算機

常見問題

Q. 我的 HEX 為什麼是八位?

最後兩位是 alpha,也就是不透明度,從 00 到 FF。這個轉換器處理六位的不透明形式。

Q. #FFF 和 #FFFFFF 一樣嗎?

一樣。三位形式把每一位翻倍,所以 #FFF 展開成 #FFFFFF,#1A2 展開成 #11AA22。

Q. 為什麼 HSL 亮度 50% 看著不像中灰?

因為 HSL 的亮度是算術上的,不是知覺上的。50% 的黃看起來比 50% 的藍亮得多。要按知覺來做,看看 LCH 或 OKLCH。