色を取得する 2 つの方法
主要な色
似たピクセルをグループにまとめ、画像全体を最もよく表す 5〜16 色を見つけます。画像の中で占める割合が大きい色から順に、それぞれの割合とともに一覧表示されます。
カラーピッカー
画像にポインターを合わせるとその位置の色が読み取れ、クリックすると保持されます。そのピクセルの正確な HEX と RGB の値が、すぐにコピーできる状態で得られます。
画像からカラーパレットを作成
どんな画像でも主要な色を HEX コード付きで確認でき、クリックすれば任意のピクセルの正確な色を取得できます。画像がデバイスの外に出ることはありません。
色はお使いのデバイス上で読み取ります。画像がアップロードされることはありません。
- アップロードなし
- 好きなピクセルを選ぶ
- 無料、登録不要
仕組み
画像からカラーパレットを作る方法
ステップ 1: 画像を追加
写真、作品、ロゴ、スクリーンショットを選択、ドロップ、または貼り付けます。
ステップ 2: 主要な色を見る
5〜16 色を選びます。画像上の好きな場所をクリックして、その色を正確に取得することもできます。
ステップ 3: コピーまたはダウンロード
HEX コードをワンクリックでコピーするか、パレットを PNG、GIMP、HEX、CSS、JSON で保存します。
画像からカラーパレットを作成
すぐに使える色
大切な色
色は画像内で占める面積の順に並ぶので、主要な色が先に来ます。
カラーピッカー
画像にポインターを合わせると任意のピクセルの HEX と RGB の値が表示され、クリックすると保持できます。
ワンクリックでコピー
HEX コードを 1 つだけ、またはパレットの全色を一度にコピーできます。
アプリで使えるファイル
GIMP、Aseprite、Krita、Lospec、CSS、JSON 用、または PNG のスウォッチ画像としてダウンロードできます。
詳しく見る
画像の色を使う
こんな用途に使われています
- ロゴやスクリーンショットからブランドカラーを合わせる。
- お気に入りの写真から、Web サイト、スライド、部屋の配色を組み立てる。
- イラストやドット絵のためのパレットを見つける。
- デザインの中の細部の正確な色を確認する。
パレットのファイル形式
- PNG スウォッチ: 共有したり参考用に保存したりできる、色の四角を並べた帯。
- GIMP パレット (.gpl): GIMP、Aseprite、Krita、Inkscape で開けます。
- HEX リスト (.hex): Lospec と Aseprite で使われている形式。
- CSS 変数と JSON: そのままコードに貼り付けられます。
画像からカラーパレットを作成
よくある質問
画像はどこかにアップロードされますか？
いいえ。すべてお使いのデバイス上のブラウザーで実行されます。画像が Moriqa やほかの誰かに送信されることはなく、ページを閉じたあとは何も残りません。
画像の中の色の HEX コードを調べるには？
画像を追加して、調べたい場所をクリックします。正確な HEX と RGB の値が「取得した色」の下に表示されます。どちらかをクリックするとコピーできます。
主要な色はどのように選ばれますか？
似た色がグループにまとめられ、各グループはその平均色で表されます。画像の中で占める割合が大きいグループが先に並びます。
パレットを Aseprite、GIMP、Krita で使えますか？
はい。3 つすべてで開ける GIMP パレット (.gpl) として、または Aseprite と Lospec 用の .hex ファイルとしてダウンロードできます。
小さな細部の色がパレットに入らないのはなぜですか？
主要な色は画像全体を表すものなので、ごく小さな領域は近い色にまとめられることがあります。その細部をカラーピッカーで直接取得するか、色数を増やしてください。
パレットができたら、使ってみましょう。
Moriqa を開いて、自分の色でペイントしたり、ドット絵を描いたり、デザインしたりできます。ブラウザーで無料。