カラーラボ

3ステップで、今日のアプリの色を決めてみよう。

  1. 1アプリを選択
  2. 2色を選ぶ
  3. 3アプリに適用

1アプリを選択する

2色を選ぶ

① 色の種類
② 色の決め方

グラデーション

グラデーションのプリセット

微調整

色を探す

明るさのバリエーション

色コード 直接入力もOK

色コード
ほかの書き方(RGB・HSL)
RGB
HSL

お気に入り

「☆ お気に入りに追加」で色を保存できます。保存先はこのブラウザ内なので、同じ端末の同じブラウザならページを閉じても残ります。

ベースカラー
#7B5CFF

アプリでの見え方

3アプリに適用する

下の色コードをコピーして、アプリの設定に貼り付ければ完了です。

アプリに反映する

スマホでこのページを見ているときは、ボタンからアプリを開いてそのまま反映できます。パソコンのときは、QRコードをスマホで読み取ってください。

アプリに反映する
パソコンのときは、このQRコードをスマホで読み取ってください

アプリをダウンロード

使っている色

アプリへの反映方法

  1. 「色コードをコピー」を押す
  2. アプリの「設定 → テーマ」でカスタムカラーを開く
  3. 「スライダ」タブの「sRGB 16進数カラー値」に貼り付け
  4. 「グラデーションにする」をONにする

「単色」「グラデーションおまかせ」は無料で設定できます。

  1. 「色コードをコピー」を押す
  2. アプリの「設定 → 基本色」を開く
  3. 「貼り付け」をタップすると反映されます
  4. 「グラデーション」はOFFのままにします

このページのURLには色が含まれるので、URLを共有すると同じ色・グラデーションを開けます。