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