Command Palette

Search for a command to run...

顏色

顏色選擇器和轉換器

選擇顏色並在 Hex、RGB 和 HSL 格式之間轉換

什麼是 Color Picker & Converter?

Color Picker & Converter 是一款免費的線上工具,可讓您直觀地選擇顏色,並在熱門顏色格式(包括 Hex、RGB 和 HSL)之間轉換。 對於網頁設計師、開發人員、圖形藝術家和任何使用數位色彩的人來說,它都是必不可少的實用程式。

該工具提供具有頻譜選擇器、亮度和飽和度控制器以及不透明度滑桿的互動式顏色選擇器。 當您選擇顏色時,您會立即看到相應的十六進位代碼、RGB 值和 HSL 值,從而輕鬆取得專案所需的確切格式。

除了基本的顏色選擇之外,該工具還會根據您選擇的顏色產生互補、類似和其他的色彩和諧調色板。 這有助於您快速為網站、應用程式和設計項目建立有凝聚力的配色方案。 所有處理都在您的瀏覽器中運行,無需安裝。

HEX、RGB 和 HSL 是書寫相同 sRGB 顏色而不是三個顏色空間的三種方式,因此它們之間的轉換在兩個方向上都是精確且無損的。 HSL 是有用的推理方式,因為在保持色調的同時調整亮度或飽和度可以使顏色保持在同一族中,而透過編輯十六進位數字則很難做到這一點。現代 CSS 添加了到達 sRGB 以外的符號,例如 oklch 和 display-p3,這些符號可以描述任何十六進位值都無法描述的顏色。這裡表達的任何內容都保留在 sRGB 內,這是每個顯示器可以顯示的安全公共基礎。瀏覽器提供的吸管會對渲染的像素而不是來源顏色進行採樣,因此從已縮放或顏色管理的圖像中挑選的值可能與原始文件略有不同。

如何使用 Color Picker & Converter?

  1. 選擇顏色

    使用視覺顏色選擇器透過點擊光譜、調整色調滑桿或以任何格式輸入特定顏色值來選擇顏色。

  2. 查看顏色值

    同時查看 Hex、RGB 和 HSL 格式顯示的選定顏色。 調整顏色時,每種格式都會即時更新。

  3. 探索色彩和諧

    根據您選擇的顏色查看互補、類似、三元和其他色彩和諧建議,以建立有凝聚力的調色板。

  4. 複製顏色代碼

    點擊任何顏色格式將其複製到您的剪貼簿。 直接在您的 CSS、設計工具或應用程式中使用它。

主要特點

  • 阿爾法通道支援

    讀取和寫入 8 位元 HEX 和 rgba,因此透明的顏色在轉換中倖存下來,而不是失去其 alpha

  • 多重格式轉換

    使用單一顏色選擇在 Hex、RGB 和 HSL 顏色格式之間立即轉換

  • 視覺選擇器

    色調、飽和度和亮度控制的互動色譜,可精確的顏色選擇

  • 色彩和諧調色板

    自動產生互補、類似、三元和分割的補充配色方案

Frequently Asked Questions

將六位數十六進位代碼分成三對,並將每對讀成一個從 0 到 255 的十六進位數字。 在 #FF5733 中,FF 是 255(紅色),57 是 87(綠色),33 是 51(藍色),給出 RGB(255, 87, 51)。 將十六進位代碼貼到選擇器中,RGB 和 HSL 值會立即出現。

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

colorpickerconverterhexrgbhslpalettecomplementaryanalogous