Designer & Developer Tools
Build color systems from a single base color
Convert colors, generate shades and palettes, build gradients, test contrast and export semantic tokens for modern UI systems.
シェードスケール
パレット
不透明度スケール
グラデーションプレビュー
コントラスト
アクセシビリティプレビュー
テキストとインターフェース表面の可読性を確認します。
シャドウプレビュー
プレミアムシャドウ
Color Lab
このページは、デザインシステム、UIキット、アクセシビリティチェック、再利用可能なトークン生成のためのオンラインcolor toolsワークフローを必要とする人々のために設計されています。
- Convert HEX, RGB and HSL values instantly
- Generate 50-900 style shade scales
- Create palettes and gradients for UI design
- Export CSS variables, SCSS tokens and JSON data
よくある質問
よくある質問と回答
Can I generate a full shade scale from one color?
Yes. The tool can create light and dark shades from a single base color.
Can I export CSS and SCSS tokens?
Yes. You can export colors as CSS variables, SCSS variables and JSON.
Does the tool check accessibility contrast?
Yes. It calculates contrast ratio and shows common WCAG ratings.