インタラクティブなホイール
正確なHSBコントロールと6種類の配色タイプで、意図のある色の関係を見つけられます。
色彩理論をすぐ使える形に
プロ仕様のカラーホイールで美しいパレットを作成
配色の調和を探し、グラデーションを作り、アクセシブルなコントラストを確認し、デザイン、Web、SwiftUI、Tailwind、SCSS、PNG向けに書き出せます。
無料でダウンロードでき、プレミアムツールは短い無料トライアルで試せます。iPhoneやiPadで色を選ぶデザイナー、開発者、アーティスト、学生に向けたアプリです。
スキャンしてダウンロード
iPhoneまたはiPadでApp Storeを直接開きます。
ここで試せます
カラーホイールを回してみる
マーカーをドラッグしてベースカラーを選ぶと、補色がそれに合わせて動きます。フルバージョンでは6種類の配色、絵の具（RYB）モード、HEXコード、コントラストの確認が使えます。
カラーホイールを開く- rgb(228, 87, 46)hsl(14, 77%, 54%)5.7:1 黒い文字の場合 · AA
- rgb(46, 187, 228)hsl(194, 77%, 54%)9.3:1 黒い文字の場合 · AAA
機能
アイデアから書き出しまで使えるカラー作業場
Color Wheel & Palettesは、配色、パレット管理、グラデーション、コントラスト確認、実用的なプレビューを1つのiOSアプリにまとめます。
グラデーション生成
最大6つのカラーストップで、線形、放射状、角度付きグラデーションを作成できます。
WCAGコントラスト
AAとAAAのコントラスト比を確認し、不合格の組み合わせには改善案を確認できます。
パレットライブラリ
トレンド、自然、テック、ファッション、季節、ムードなど50以上のプロ向けパレットを閲覧できます。
流れ
色のアイデアから使えるパレットへ
ベースカラーを選ぶ
HSBコントロール付きのホイールから始めるか、厳選パレットを読み込みます。
関係を調整する
配色モードを切り替え、グラデーションを追加し、UI、ブランド、アート、ポスターでプレビューします。
きれいに書き出す
HEXやRGBをコピーし、ASE、CSS、SwiftUI、Tailwind、SCSS、PNGで書き出してお気に入りに保存します。
Color Wheel
色の判断が大切な場面のために
ブランド、アプリ画面、Webパレット、ポスター、イラスト、インテリア案、アクセシビリティ確認の前に使えます。
クリエイティブにも技術的な色作業にも便利
ブランドパレット
アクセシブルなWebカラー
SwiftUIテーマ
CSSグラデーション
イラスト計画
インテリア調整
色彩理論を完成したパレットへ
Color Wheel & Palettesをダウンロードして、配色、グラデーション、アクセシブルなコントラスト、書き出し可能な色をiPhoneやiPadで作成しましょう。