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。