建立色階
範例：#2563eb、rgb(37,99,235)、hsl(120,100%,50%)、red。RGB與HSL使用逗號分隔。不支援透明度或以空格分隔的CSS語法。
色階產生方式
中央保留原始基準色。較淺的色階將其sRGB色彩通道與白色混合，較深的色階則與黑色混合，比例最高為80%。各階的視覺色差並非等距。接近白色或黑色時，色彩邊界或四捨五入可能造成重複的HEX值。
中央會保留原始基準色。使用前，請確認實際文字與背景的配色對比。
相關工具
要探索附近的顏色時，請使用色票產生器；要確認實際文字與背景的配色時，請使用對比檢查器。
常見問題
這與色票產生器有何不同？
色票產生器用來探索附近的配色候選。此工具則從一種基準色建立由淺到深的有序色階。編號只代表此色階中的順序，並非特定設計 token的標準編號。
基準色會改變嗎？
不會。中央會保留基準色正規化後的HEX值，並在兩側產生較淺與較深的色彩。
為什麼部分色階有相同的HEX？
純白無法再變淺，純黑也無法再變深。接近這些邊界時，四捨五入也可能產生相同數值。工具會保留所有色階，並顯示不同色彩的數量。
產生的色彩一定符合無障礙要求嗎？
不一定。可讀性取決於文字與背景的配色。對比檢查連結會將所選色彩當成文字色，並使用白色背景；最後仍應以實際背景確認。
分享網址包含哪些設定？
網址包含基準色、階數、所選色階與產生方式的版本。舊網址會轉用更新後的方式，因此產生的色彩可能不同。
可以匯出設計檔案嗎？
不可以。您可以複製所選色彩的HEX、RGB或HSL，或將全部色階複製為每行一個HEX。本工具不匯出CSS、JSON或設計檔案。