設計與色彩
選色器、調色盤、漸層與對比度檢查器。
選色器與轉換器
選取顏色並在 HEX、RGB、HSL 與 OKLCH 之間轉換。
設計與色彩
新 色彩對比度檢查器
檢查文字與背景顏色之間的 WCAG AA/AAA 對比度。
設計與色彩
新 CSS 漸層產生器
製作線性、放射狀與圓錐 CSS 漸層，附即時預覽。
設計與色彩
新 CSS Box-Shadow 產生器
製作多層 CSS box-shadow，附預設與即時預覽。可立即複製 CSS、數值或 React 樣式。
設計與色彩
新 調色盤產生器
產生互補色、類似色、三等分色與單色調色盤。
設計與色彩
新 Cubic Bezier 產生器
拖曳控制點設計 CSS 緩動曲線，附即時預覽。
設計與色彩
新 圓角產生器
視覺化打造 CSS 圓角與有機 blob 形狀。
設計與色彩
新 CSS Flexbox 實驗場
調整 flex 屬性並即時預覽，可複製 CSS。
設計與色彩
新 CSS Grid 實驗場
調整 grid 欄數、間距與對齊並即時預覽，附 CSS。
設計與色彩
新 玻璃擬態產生器
設計毛玻璃卡片並複製 CSS，附即時預覽。
設計與色彩
新 CSS Text-Shadow 產生器
調整 CSS 文字陰影並即時預覽，可複製程式碼。
設計與色彩
新 顏色混合器
以任意比例混合兩種顏色，並複製結果或任一階段色。
設計與色彩
新 圖片取色器
從圖片中挑選任意顏色，並擷取主要色盤為 HEX、RGB 和 HSL。
設計與色彩
新 Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
設計與色彩
新 Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.
設計與色彩