
顏色轉換器是一種工具,它採用一種語法編寫的單一顏色,然後立即以所有其他語法重新表達它。貼上像 #4466EE 這樣的 HEX 程式碼,您立即會得到它的 rgb ()、hsl ()、hwb () 和 cmyk () 等價物,以及最近的 CSS 顏色關鍵字。它刪除了分割十六進位對、縮放通道以及手動計算色調和飽和度的手動算術。
專案的不同部分期望不同的顏色格式。瀏覽器將所有內容渲染為 RGB,CSS 作者達到 HSL,因為懸停時很容易推動亮度,列印工作流程需要 CMYK,並且設計切換通常以 HEX 形式到達。轉換器可以使所有來源顏色保持一致,因此樣式表中的藍色與品牌指南中的藍色相同,與列印供應商收到的藍色相同。它還接受 CSS 顏色名稱(例如 rebeccapurple)並將其轉換為可複製的數值。
此轉換器完全在您的瀏覽器中運作。您貼上的人的顏色是使用客戶端 JavaScript 解析和轉換的,並且永遠不會離開您的設備,因此沒有上傳、沒有帳戶、也沒有對您轉換的內容的追蹤。一旦頁面加載,它就會離線工作,處理 3 位、6 位和 8 位十六進位、逗號和空格顏色語法,並保留透過 RGBA、HSLA 和 8 位 HEXA 輸出的 alpha 通道。
CMYK 是需要謹慎對待的轉換。與 HEX、RGB、HSL 和 HWB 不同,它們都是相同 sRGB 顏色的精確描述,並且彼此之間無損轉換,CMYK 描述紙上的墨水,並取決於印刷機、紙材和使用的顏色輪廓。這裡的轉換是標準的與設備無關的近似值,這對於粗略的想法來說很好,並且不能取代印前軟體中的異形轉換。預計飽和的螢幕顏色,尤其是明亮的藍色和綠色,在列印中無法達到:它們完全位於 CMYK 色域之外,並且會比看起來更暗淡。
鍵入或貼上任何顏色:HEX 代碼(#4466EE 或 #46E)、rgb ()/rgba () 值、hsl ()/hsla () 值、hwb ()、cmyk () 或 CSS 顏色名稱(如珊瑚色)。
該工具立即顯示 HEX、HEXA、RGB、RGBA、HSL、HSLA、HWB 和 CMYK,以及精確或最接近的匹配 CSS 顏色名稱。
在輸入中包含一個 alpha 值(rgba(...)或 8 位元 HEX),轉換器將不透明度傳遞到每種 alpha 感知格式。
點擊任何輸出行將該字串複製到剪貼簿,準備貼上到 CSS、設計工具或列印規格中。
一個輸入同時產生 HEX、HEXA、RGB、RGBA、HSL、HSLA、HWB 和 CMYK,因此您永遠不會轉換兩次。
當存在精確的 CSS 顏色關鍵字時,會偵測到該關鍵字,並始終顯示最近的命名顏色以供參考。
rgba () 或 8 位元 HEX 的透明度流到每個 alpha 感知輸出格式不變。
接受 3 位、4 位、6 位和 8 位十六進位、逗號或空格分隔符號、百分比通道和現代斜線阿爾法語法。
Check the contrast ratio between a text color and its background against WCAG 2.2 AA and AAA thresholds, with a live preview and one-click accessible-color suggestions.
Generate harmonious color palettes from any base color - shades and tints, complementary, analogous, triadic, and monochromatic - with HEX, RGB, and HSL values you can copy.
Pick colors and convert between HEX, RGB, and HSL formats
Generate tints, shades, and tones from any base color
0 comments
No comments yet. Be the first to share your thoughts!