1アプリを選択する
2色を選ぶ
① 色の種類
② 色の決め方
グラデーション
方向
グラデーションのプリセット
色を探す
明るさのバリエーション
色コード 直接入力もOK
色コード
ほかの書き方(RGB・HSL)
RGB
HSL
お気に入り
「☆ お気に入りに追加」で色を保存できます。保存先はこのブラウザ内なので、同じ端末の同じブラウザならページを閉じても残ります。
ベースカラー
#7B5CFF
アプリでの見え方
3アプリに適用する
下の色コードをコピーして、アプリの設定に貼り付ければ完了です。
アプリに反映する
スマホでこのページを見ているときは、ボタンからアプリを開いてそのまま反映できます。パソコンのときは、QRコードをスマホで読み取ってください。
使っている色
アプリへの反映方法
- 「色コードをコピー」を押す
- アプリの「設定 → テーマ」でカスタムカラーを開く
- 「スライダ」タブの「sRGB 16進数カラー値」に貼り付け
- 「グラデーションにする」をONにする
「単色」「グラデーションおまかせ」は無料で設定できます。
- カスタムカラーで「グラデーションにする」をONにする
- グラデーションの詳細設定のバーをタップして、上の「使っている色」と同じ数・同じ位置にツマミを置く
- ツマミをタップして選び、「スライダ」タブの「sRGB 16進数カラー値」に色コードを貼り付け
- 「方向」で同じ矢印を選ぶ
「グラデーション詳細設定」は Pro版 の機能です。
- 「色コードをコピー」を押す
- アプリの「設定 → 基本色」を開く
- 「貼り付け」をタップすると反映されます
- 「グラデーション」はOFFのままにします
- アプリの「設定 → 基本色」で「グラデーション」をONにする
- バーの丸をタップして選び、左右にドラッグして上の「使っている色」と同じ位置に合わせる
- 選んだ丸の色を、コピーした色コードから「貼り付け」で反映する(3色ぶん)
- 文字・アイコンの色は「基本色」で別に設定します
マネトーンのグラデーションは無料、向きは上から下のみです。
このページのURLには色が含まれるので、URLを共有すると同じ色・グラデーションを開けます。