ぴったりの色を見つけ、美しいパレットを作り、アクセシビリティを確認して、実際のUIで仕上がりをチェック。デザイナーにも、開発者にも、色が好きなすべての人に。
ぴったりの色合いを見つける
名前付きカラーを検索
厳選カラーパレットを閲覧。
調和のとれた配色を作成する
カスタムパレットを作成 — 色を選び、タグ付けして共有。
ベースカラーから即座にパレット提案を取得。
補色、三色配色などのカラーハーモニーを探索します。
写真から色を抽出
実際のデザインで色を確認する
実際のデザインモックアップでパレットをプレビュー。
ボタン、入力フィールド、バッジなどの基本UI要素をパレットでプレビューできます。
棒グラフ、折れ線グラフ、ドーナツチャートにパレットを適用して確認できます。
タイポグラフィのためのあらゆる背景色とテキスト色の組み合わせを探索できます。
ロゴやワードマークのブランドカラーの組み合わせをテストできます。
LucideやHeroiconsのマルチカラーアイコンにパレットを適用してプレビューできます。
アクセシビリティ、エクスポート、コミュニティ向けの専門ツール。
色を選択・変換
WCAGアクセシビリティテスト
色覚異常をテスト
HEX、RGB、HSL、CMYK などの色形式を変換。
CSSグラデーションを作成
カラーパレットを保存、整理し、フレームワークトークンを割り当てます。
最初の色を選んで、プラットフォーム全体を探索しましょう。