画像の編集・解析

写真が記録している情報を確認できます。カメラのメーカーと機種、秒単位の撮影日時、向き、そして記録があればGPSの位置まで表示します。情報がない項目は推測せず空欄のままです。ブラウザで無料で使えます。

写真に隠れているGPSの位置、カメラの機種、撮影時刻などの情報を、投稿する前に取り除きます。画素には手を加えず、写真の向きもそのまま保たれます。ブラウザで無料で使えます。

画像をアップロードすると、その画像を特徴づける数色が、占める割合の大きい順にカラーコードで分かります。最初の色見本が最も多く使われている色です。同じ写真からは常に同じ配色が得られます。ブラウザで無料で使えます。

写真を、見た人がひと目で思い浮かべる1つのカラーコードにまとめます。画像が読み込まれる前に、ギャラリーにその色のブロックを表示できます。最も多い画素の色とは限りません。ブラウザで無料で使えます。

写真を、通常100文字よりずっと短い文字列に変換します。この文字列から色と構図をぼかしたプレビューが描かれ、本物の画像が届くまで表示できます。写真と一緒に保存すれば、別の画像ファイルは不要です。ブラウザで無料で使えます。

通常のハッシュは1バイト違うだけで全く別の値になりますが、知覚ハッシュは縮小や再保存、数ピクセルの切り抜きをされた同じ写真でも近い値を保ちます。画像ごとの指紋を比べて重複を見つけます。ブラウザで無料で使えます。

名前を入力すると、頭文字を色付きの背景にのせたアバターができます。ユーザー番号のような固定の値からは幾何学模様も作れます。同じ入力からは常に同じ画像になるので、プロフィール写真がまだない人の仮の画像に使えます。ブラウザで無料で使えます。

幅8、高さ4ピクセル、74バイトのPNGを最小幅16で確認すると不合格になり、理由も表示されます。ファイル名ではなく中身を読み取り、形式、幅、高さ、容量が分かります。ブラウザで無料で使えます。

74バイトの小さなPNGが、data:image/pngで始まる1行の文字列になって返ります。外部の画像を読み込めないメールやPDF、オフラインのアプリにそのまま貼り付けられます。画像の種類はファイル名ではなく中身から判定します。ブラウザで無料で使えます。

リンク、Wi-Fi、連絡先カード、テキストの4種類の内容からQRコードを作れます。印刷にはPNG、どんな大きさでもくっきりしたままのSVGも選べます。Wi-Fiのコードなら、来客はパスワードを打たずに読み取るだけでつながります。ブラウザで無料で使えます。

QRコードの中央にロゴを入れても、読み取れなくなる心配はありません。誤り訂正の強さ、ロゴの大きさ、コードの周りの余白は自動で決まります。リンク、Wi-Fi、連絡先カード、テキストに対応し、PNGかSVGで保存できます。ブラウザで無料で使えます。

QRコードの画像を読み込むと、中身がそのまま分かります。リンク、Wi-Fiの接続情報、連絡先カード、テキストのどれでも表示されます。斜めから撮った写真や暗い写真、少しぼやけた写真でも読み取れます。ブラウザで無料で使えます。

商品コードを、一般的なスキャナーが一度で読み取れるバーコードに変換します。形式はEAN、UPC、Code128、Code39、ITFから選べ、EANとUPCは桁数とチェックデジットを確認するので、誤った番号が包装に印刷されません。ブラウザで無料で使えます。

1920×1080は16:9に約分でき、小数では1.7778です。幅を1280にすると、高さ720で形を崩さずに縮小できます。幅と高さを入れるだけで、動画や画面、画像の形式を書き出し前に確認できます。ブラウザで無料で使えます。

勘に頼らずに十六進カラーの暗い色を作れます。#4A90D9を20 %暗くすると#2873C0になり、色相と彩度はそのままで明度だけが下がります。0 %なら変化なし、100 %なら黒です。ブラウザで無料で使えます。

画面の色から印刷用の比率を求めます。赤255、緑0、青0はシアン0 %、マゼンタ100 %、イエロー100 %、ブラック0 %になります。ブランドカラーの指定やデザインの入稿準備に使えます。ブラウザで無料で使えます。

文字が背景の上でWCAGの基準を満たして読めるかが分かります。白地に#111827なら17.74対1で、通常の文字でも大きな文字でもAAとAAAに合格します。アクセシビリティの課題票にそのまま書ける数値です。ブラウザで無料で使えます。

どのRGBカラーでも16進コードがわかります。255, 128, 0は#ff8000のオレンジです。6桁のコードは小文字、大文字、#なしの形で表示され、スタイルシートやブランドガイドにそのまま使えます。ブラウザで無料で使えます。

RGBカラーをカラーホイールで使う数値に変換します。オレンジの255, 128, 0は色相が約30°、彩度1、明度1です。ピッカーで色相と明るさを分けて扱いたいときに便利です。ブラウザで無料で使えます。

RGBカラーをLab空間へ移します。明度は黒の0から白の約100までで、色みは2本の軸で表されます。色差（デルタE）の計算や印刷の目標値で使われる空間です。ブラウザで無料で使えます。

光源のケルビン値を入力すると、その色が分かります。正午の昼光に近い6500 Kは255、254、250、つまり#fffefaになります。1000〜40000 Kの範囲外の値は黙って丸めず、受け付けません。ブラウザで無料で使えます。

#e74c3cを入力すると、2組の反対色ペアからなる4色が得られます。赤とシアンの#3cd7e7、ライムの#d7e73cとその反対色が、色相環の0、60、180、240度に並びます。ブラウザで無料で使えます。

基準色と角度を入力すると、色相環で両隣にある2色が分かります。#3366ccを30度ずらすと#33b2ccと#4c33ccになり、彩度と明度は変わりません。画面デザインやブランドに使える3色のまとまりです。ブラウザで無料で使えます。

CMYKの色見本から、画面に必要な値をまとめて求めます。C0 M50 Y100 K0はRGB 255、128、0、コードは#FF8000で、そのままスタイルシートに貼り付けられます。範囲外の値は勝手に直さず受け付けません。ブラウザで無料で使えます。

色相環で反対側にある色をすぐに求めます。純粋な赤#FF0000の補色はシアン#00FFFFで、彩度と明度は変わらず、カラーコード・RGB・HSLで返します。ブランドカラーからアクセント色を作るのに便利です。ブラウザで無料で使えます。

色の見た目の明るさを保ったグレーを求めます。#3498dbは#828282（グレー値130）になります。緑の影響が最も大きく、赤がそれに続き、青が最も小さいためです。計算の各手順も表示されます。ブラウザで無料で使えます。

十六進コードを目で調整しやすい値に変えます。#FF8040は色相20.1°、彩度100%、明度62.55%で、hsl(20.1 100% 62.55%)としてそのまま貼り付けられます。ブラウザで無料で使えます。

十六進コードに名前を付けます。#ff5733に最も近いのはtomato（コードは#ff6347）で、CSSの148色の名前から、RGB空間での距離をもとに選ばれます。ブラウザで無料で使えます。

どの十六進コードも普通の数として読めます。#3498dbは赤52、緑152、青219です。二桁ずつが16進数の数を表すためで、rgb(52, 152, 219)としてそのまま貼り付けられます。ブラウザで無料で使えます。

デザイナーのHSLと画像編集ソフトのHSVのあいだで色を移します。hsl(210, 80%, 45%)は色相210のまま、バリュー81%になり、彩度は新しいモデルに合わせて計算し直されます。逆向きにも使えます。ブラウザで無料で使えます。

三つのHSLの数を画面で使うチャンネルに変えます。色相210、彩度80%、明度45%は、ブラウザがhsl()に使うのと同じ方法でrgb(23, 115, 207)、十六進では#1773cfになります。ブラウザで無料で使えます。

HSVで選んだ色を画面のチャンネルに変えます。色相210、彩度70%、バリュー80%は、伝統的な六区分の式でrgb(61, 133, 204)、つまり#3d85ccになります。ブラウザで無料で使えます。

#3366ccを20%明るくすると#5c85d6になり、明度は50%から60%へ上がりますが、青の色相と彩度は変わりません。ブランドカラーをくすませずに淡い色を作れます。ブラウザで無料で使えます。

#FF0000と#0000FFを50%で混ぜると#800080になり、赤128、緑0、青128の紫になります。手持ちの2色から、ブランドの中間色や状態ごとの色を作れます。ブラウザで無料で使えます。

CSSの色名tomatoは#ff6347、つまりrgb(255, 99, 71)で、どのブラウザでも同じ色で表示されます。スタイルガイドにある色名を、そのまま貼れるhexコードに変えられます。ブラウザで無料で使えます。

どのRGBカラーも色相・彩度・輝度で確認できます。255, 128, 64は20.1°、100 %、62.55 %になります。色味の調整やライト・ダークテーマ作りを勘に頼らず進められます。ブラウザで無料で使えます。

色を1つの整数として保存したり、整数から読み戻したりできます。#FF8000は16744448です。赤が上位バイト、緑が中央、青が下位バイトに入る、多くのエンジンや古いテーマが前提とする並びです。ブラウザで無料で使えます。

ひとつのブランドカラーから暗い色から明るい色までの段階を作ります。#3366ccを3段階にすると、#000000から#224488、元の色を経て#bbccee、#ffffffまでの7色になります。変わるのは輝度だけです。ブラウザで無料で使えます。

#3498dbを入力すると、120度ずつ離れたトライアドの相手#db3498と#98db34が得られ、どの色も主張しすぎません。彩度と明度はそのまま保たれ、#abcのような短い形式も使えます。ブラウザで無料で使えます。

基準色と必要な色数を指定すると、色相60度の範囲に均等に並べます。#3366ccから5色を作ると、15度刻みで#33b2ccから#4c33ccまでの色がそろいます。番号付きのデザイン用の色に便利です。ブラウザで無料で使えます。

1つの色が1型・2型・3型の色覚でどう見えうるかを確認できます。#3A86FFは2型（緑の感度がない色覚）では#5751DBになります。状態を示す色やグラフの系列が区別しにくくならないか、公開前に確かめられます。ブラウザで無料で使えます。

印刷色から画面用の3つのチャンネルだけを求めます。C0 M50 Y100 K0は赤255、緑128、青0です。0～100の範囲外の値は、黙って直さずに受け付けません。ブラウザで無料で使えます。

WCAGのコントラスト比を、その元になる相対輝度とあわせて求めます。白地に黒なら輝度は0と1で、比は21:1となりAAとAAAに合格します。合否は丸める前の値で判定します。ブラウザで無料で使えます。

短いCSSカラーの長い形を求めます。各桁をくり返すだけでゼロを足すことはないため、#3a7は#33aa77になり、#なしの33aa77も得られます。ブラウザで無料で使えます。

十六進コードに含まれる三つの数を取り出します。#4a90e2は4a、90、e2に分かれ、赤74、緑144、青226になります。#3afのような省略形は先に#33aaffへ展開されます。ブラウザで無料で使えます。

HSLの色から赤・緑・青の数値を求めます。色相210、彩度80%、明度45%は、赤23、緑115、青207になります。範囲外の値は黙って補正せず、はっきり知らせます。ブラウザで無料で使えます。

赤52、緑152、青219の知覚明度は129.738で、境目の128をわずかに上回るため明るい色と判定され、黒い文字（#000000）が推奨されます。バッジやグラフの文字色を毎回同じ基準で選べます。ブラウザで無料で使えます。

#3F51B5から10段階のMaterial色調が得られます。元の色は500のままで、50は#A3ABDBまで明るく、900は#20295Bまで暗くなります。ボタンや背景、状態の色を一度にそろえられます。ブラウザで無料で使えます。

#ff5733は最も近い色名tomato（#ff6347）と判定され、距離は23.323808です。似てはいても同じ色ではないことが分かります。hexコードに分かりやすい名前を付けられます。ブラウザで無料で使えます。

赤30、緑90、青160（#1E5AA0）は「深い青」と表されます。正確な色番号を名乗らず、最も近いPantone風の色相ファミリーとトーンを組み合わせます。商品やパレットに一貫した色の言葉を付けられます。ブラウザで無料で使えます。

シードsummer-campaign-2026でパステルを5色作ると、常に#a6e7da、#e5aebd、#86ea86、#c7e6ea、#eeafe0になります。色の表を保存しなくても、3つの設定だけでキャンペーンやグラフの配色を後から再現できます。ブラウザで無料で使えます。

RGBをCMYKへ小数点以下2桁で変換します。46, 139, 87はシアン66.91 %、マゼンタ0 %、イエロー37.41 %、ブラック45.49 %です。前の計算で出た小数のチャンネル値もそのまま使えます。ブラウザで無料で使えます。

赤・緑・青を大文字のカラーコードひとつにまとめます。255, 128, 0は#FF8000になります。結果は常に6桁そろっているので、コードの比較や保存、CSSへの貼り付けで迷いません。ブラウザで無料で使えます。

RGBカラーのHSL値を小数点以下4桁で求めます。255, 128, 64は色相20.1047°、彩度100 %、輝度62.549 %です。混色や補間で生まれた小数のチャンネル値も使えます。ブラウザで無料で使えます。

光の色温度が画面上でどんな色になるかを確認できます。6500 Kは赤255、緑254、青250で、#fffefaと表されます。低い値はオレンジ寄り、高い値は青寄りになり、同じ値なら必ず同じ色になります。ブラウザで無料で使えます。

#336699を入力すると、色相環で120度と240度回転させた2つのトライアド色#993366と#669933が得られます。彩度と明度は変わらないので、3色がひとつの家族のようにまとまります。ブラウザで無料で使えます。

1200 × 800ピクセルの画像に24ピクセルの枠を付けると、1248 × 848になります。枠は四辺に付くので、幅と高さにそれぞれ枠の2倍が加わります。画像そのものは変更しません。ブラウザで無料で使えます。

黒の0から白の255までの明るさの値が、選んだ文字に置き換わります。@から空白までの10文字の階調なら、0は必ず最初の文字、255は最後の文字になります。格子の各行が1行の文字になります。ブラウザで無料で使えます。

1920 × 1080ピクセルを入力すると16:9が返ります。幅と高さを最大公約数の120で割るので、どんなサイズでも最も小さい整数の比になり、珍しいサイズにも対応します。ブラウザで無料で使えます。

ぼかしの強度2は、半径6、幅13ピクセルのカーネルになります。半径は左右それぞれ標準偏差の3倍を切り上げた値で、カーネルは両側と中心の1ピクセルを合わせた大きさです。画像はアップロードしません。ブラウザで無料で使えます。