透過圖示的即時預覽建立 CSS 過濾器值, 牌, 圖片, 懸停狀態, 和視覺實驗.
透過關鍵字或十六進位值尋找常見的命名顏色並快速比較相符的樣本.
以選定的比例混合兩種顏色，並獲得可複製的十六進位和 RGB 混合結果.
為卡片建立網格容器 CSS, 畫廊, 儀表板, 功能列表, 並直接在瀏覽器中佈局實驗.
為行產生 Flexbox 容器設置, 列, 包裹的項目組, 按鈕, 牌, 和響應部分.
獨立控制所有四個角落以建立卡片的圓形形狀, 徽章, 磁磚, 和組件塊.
調整偏移量, 模糊, 傳播, 不透明度, 和插入設置，為介面元素建立可複製的 CSS 陰影.
為著陸部分產生快速 CSS 漸變, 標註, 按鈕, 牌, 覆蓋層, 和品牌視覺效果.
檢查前景和背景顏色對比度以獲取可讀的 UI 文本, 按鈕, 牌, 和可存取的內容設計.
從品牌的基色產生相符的調色板, 使用者介面狀態, 內容圖形, 和設計系統.
