どんな人向け？
- 画面やデザインシステムで、WCAGのコントラスト目標を満たすカラースケールを作りたい人向けです。
- データ可視化向けの順次型・発散型のカラースケールを作りたい人向けです。
Leonardo Color — カラーパレット作成
Adobe
Leonardoは、目標コントラスト比からカラースケールと適応型テーマを生成する、アクセシビリティを最初から考えたAdobeのオープンソース配色ツールです。
おすすめの理由
| 知っておきたいこと | ウェブ |
|---|---|
| 無料で出力 | — |
| 登録不要 | — |
| 透かしなし | — |
| オフライン対応 | — |
| 一括処理 | — |
| コンテンツの言語 | — |
— 未確認の利用条件. 公式資料を確認しています。アプリの実機テストは行っていません。 出典で確認できるコンテンツ言語の対応のみを検索します。画面の言語とは異なります。
提供者からの修正・フィードバック
編集部の選び方ガイド
最終確認:
始め方
- leonardocolor.ioのウェブアプリを開きます。インストールは不要です。
- 色と目標コントラスト比を決めると、それに基づいて色見本が生成されます。明るさ、コントラスト、彩度も調整できます。
- スケールやテーマをSVGでダウンロードするか、CSSカスタムプロパティやデザイントークンとして書き出します。
選ぶポイント
- 見た目の好みより先に、コントラスト目標で色を決めたいなら検討できます。
- 既成のパレットを眺めたり写真から色を抜き出したりしたい場合は別のツールが必要です。これはコントラストに基づくスケールとテーマを生成します。
制限
- 確認したページには既成パレットのギャラリーや画像からの色抽出は見当たらず、コントラストに基づくスケールとテーマの生成が中心です。
- GitHubにはプロジェクトのコードにApache-2.0ライセンスが示されています。生成した色の出力に対する別のライセンス記述は見当たりませんでした。
よくある質問
このツールは有料ですか？
確認したページには料金やプランの情報がありません。公式ページはLeonardoをAdobeのオープンソースプロジェクトとして紹介し、GitHubリポジトリにはApache-2.0ライセンスが示されています。
Leonardo.Aiと同じものですか？
いいえ。この項目はAdobeのオープンソースプロジェクトであるleonardocolor.ioの配色ツールを扱います。画像生成サービスのLeonardo.Aiは別の製品です。