如何使用
- 貼上您已有的格式:HEX、RGB、HSL 或支援的顏色關鍵字。
- 讀取其他格式的標準化值。
- 複製與下一個工具相符的格式,無論是 梯度發生器、規格表或 CSS。
將一種顏色標準化為每種實用格式
此頁面故意縮小:輸入一種顏色,輸出乾淨的值。它與顏色選擇器和對比度檢查器自然搭配。
如何在附近的頁面之間進行選擇
使用 顏色選擇器 當您仍在選擇一種工作顏色時,請先閱讀此頁。使用 混色器 在本頁之前,兩個已知樣本仍需要一個中點候選者。使用 色溫檢查器 當核准的樣本首先需要進行暖/冷/中性方向檢查時。使用 色票產生器 在此頁面之前,當一種已批准的基色現在需要周圍較亮、較暗或強調選項時。使用 色階產生器 當核准的基色現在需要用於標記或切換的編號比例時。使用 梯度發生器 當核准的顏色現在需要 CSS 就緒的線性或徑向漸層時。使用 色差 當兩個經批准的樣本已經存在並且您需要在移交之前進行可測量的距離檢查時。當一種核准的顏色必須在 HEX、RGB、HSL 或命名顏色表示法之間移動時,請在工作流程中間使用此頁面。移至旁邊 OKLCH轉換器 當相同的顏色現在需要權杖或現代 CSS 的感知空間值。移至 對比檢查器 一旦知道了最終的前景/背景對,可讀性就是真正的問題。
常見問題解答
這個頁面有什麼作用?
當關鍵字完全匹配時,它會在 HEX、RGB、HSL 和匹配的通用顏色關鍵字之間轉換一種顏色。
它支援所有 CSS 顏色關鍵字嗎?
它支援一組實用的常見關鍵字,例如黑色、白色、海軍藍、青色、橙色、紫色和麗貝卡紫色。如果沒有完全匹配,則頁面僅顯示數字格式。
我什麼時候應該使用它而不是顏色選擇器?
當任務是 HEX、RGB、HSL 和通用名稱之間的格式轉換時,請使用此頁面。當您想要先直觀地瀏覽並比較樣本時,請使用顏色選擇器。
共用 URL 中儲存了什麼?
共用 URL 中僅儲存十六進位顏色。其他格式在瀏覽器中重新計算。