ツールを探す
ふだんの言葉で検索するか、カテゴリで絞り込めます。
🖼️ 画像の編集・解析無料
LABからhex変換
明度53.2408、aが80.0925、bが67.2032の色は#FF0000の純粋な赤になり、画面の範囲に収めるため切り詰めたことも表示されます。測定値を画面で使える色に変えられます。ブラウザで無料で使えます。
F
ブラウザで動作
🖼️ 画像の編集・解析無料
OKLCHからHEXへの変換
oklch(62.8% 0.258 29.23)は純粋な赤の#FF0000になり、一般的な画面に収めるため切り詰めたことも表示されます。今もhexを必要とするツール向けに、OKLCHの色からhexコードを作れます。ブラウザで無料で使えます。
K
ブラウザで動作
🖼️ 画像の編集・解析無料
RGB555を8ビットRGBチャンネルへ展開
パックされたRGB555の数値を通常のRGBに変換します。0x7C1Fは赤255、緑0、青255になります。各5ビット値は0〜255の範囲へ丸めて拡張されるため、レトロゲームの画像や機器のデータを実際の色として確認できます。ブラウザで無料で使えます。
K
ブラウザで動作
🖼️ 画像の編集・解析無料
XYZ→hex変換
X、Y、Zを入力すると、画面の色がカラーコードで得られます。0、0、0なら純粋な黒の#000000です。画面で表せない値はエラーにせず、最も近い表示可能な色に寄せます。ブラウザで無料で使えます。
A
ブラウザで動作
🖼️ 画像の編集・解析無料
16進を%で暗く
ブランドの十六進カラー1つから、決まった割合でホバー時や押下時の色を作れます。#4A90D9を20 %暗くすると#2873C0になり、同じ青のままです。明度は比例して下がり、黒で止まります。ブラウザで無料で使えます。
S
ブラウザで動作
🖼️ 画像の編集・解析無料
HSV の明度を下げて色を暗くするツール
色相を変えずに色を暗くします。HSV明度を25パーセント減らすと#40A0FFは#3078BFになり、色相と彩度は同じまま、RGBとHSVの数値も一緒に表示されます。ブラウザで無料で使えます。
K
ブラウザで動作
🖼️ 画像の編集・解析無料
色にガンマ補正を適用
べき乗の曲線で色の中間調を整えます。ガンマ2.2で#3366ccは#07229cになり、1より小さい値では明るくなり、純粋な黒と白は動きません。ブラウザで無料で使えます。
S
ブラウザで動作
🖼️ 画像の編集・解析無料
HexをRec. 709輝度でグレースケール変換
Rec. 709の輝度で#3498DBをグレーにします。0.2126×赤＋0.7152×緑＋0.0722×青は135.5774で、四捨五入すると136、無彩色のグレー#888888になります。ブラウザで無料で使えます。
B
ブラウザで動作
🖼️ 画像の編集・解析無料
2色を比率で混ぜる加重RGBカラーツール
比率50では#FF0000と#0000FFの重みがそれぞれ0.5になり、#800080が得られます。2つ目の色をどれだけ混ぜるかを正確に決められるので、グラデーションの各段階を後から同じように作り直せます。ブラウザで無料で使えます。
F
ブラウザで動作
🖼️ 画像の編集・解析無料
RGB565からRGBへの変換
16ビットのRGB565値を普通の色として読み取れます。0xF800（63488）は純粋な赤で、255, 0, 0、#FF0000になります。赤5ビット、緑6ビット、青5ビットをそれぞれ全範囲へ拡張し、元の値も表示します。ブラウザで無料で使えます。
F
ブラウザで動作
🖼️ 画像の編集・解析無料
RGB→色温度
画面の色にケルビンの数値を付けられます。RGB 255, 200, 150は約3634.1681 Kと推定されます。CIEの色度座標とMcCamyの古典的な近似式を使うため、測色計が手元になくても目安がわかります。ブラウザで無料で使えます。
A
ブラウザで動作
🖼️ 画像の編集・解析無料
RGB 色域クランプ
範囲外のRGB値を0～255の尺度に戻します。赤300、緑−20、青127.5は255、0、127.5になり、どのチャンネルが変わったかも分かります。途中で丸めることはありません。ブラウザで無料で使えます。
B
ブラウザで動作
🖼️ 画像の編集・解析無料
カラーバーンで2色を合成
カラーバーンの描画モードと同じ方法で、ある色を別の色で暗くします。中間グレーの#808080同士を合成すると#020202になり、ほぼ黒です。順番によって結果が変わるため、下地と重ねる色を入れ替えると答えも変わります。ブラウザで無料で使えます。
F
ブラウザで動作
🖼️ 画像の編集・解析無料
HexをHSL明度でグレースケールへ
HSLの考え方で十六進カラーをグレーにします。#e74c3cでは最大のチャンネルが231、最小が60なので、明度は(231 + 60) / 2 = 145.5となり、結果は#929292です。ブラウザで無料で使えます。
A
ブラウザで動作
🖼️ 画像の編集・解析無料
減法混色ミキサー
黄の#FFFF00と青の#0000FFを絵の具のように半分ずつ混ぜると、画面の光の混色とは違い緑の#008000になります。授業や工作、イラストで顔料のふるまいを示せます。ブラウザで無料で使えます。
S
ブラウザで動作
🖼️ 画像の編集・解析無料
2色をオーバーレイ合成する16進カラー計算機
ベース#336699に#FFCC00をオーバーレイすると#66A333、つまりrgb(102, 163, 51)になります。ベースの暗いチャンネルは乗算、明るいチャンネルはスクリーンで計算されるため、平均ではなくコントラストが強まります。ブラウザで無料で使えます。
K
ブラウザで動作
🖼️ 画像の編集・解析無料
色を暖色・寒色寄りに調整
#6699CCを32だけずらすと、より暖かい#8699ACになります。赤は134に上がり、青は172に下がり、緑は153のままです。-255から255までの整数で、控えめにも大胆にも調整できます。ブラウザで無料で使えます。
F
ブラウザで動作
🖼️ 画像の編集・解析無料
RGBAアルファの事前乗算を解除して色チャンネルを復元
1ピクセルの事前乗算を元に戻します。赤0.125、緑0.25、青0.375、アルファ0.5なら、0.25、0.5、0.75に戻り、アルファはそのままです。アルファが0の場合やアルファを超える色は受け付けません。ブラウザで無料で使えます。
K
ブラウザで動作
🖼️ 画像の編集・解析無料
2色のダークン合成
描画モード「比較（暗）」と同じように、チャンネルごとに暗い方の値を残して2色を合成します。#FF8800と#00AAFFからは深い緑の#008800ができます。どのチャンネルも元の色より明るくなることはありません。ブラウザで無料で使えます。
A
ブラウザで動作
🖼️ 画像の編集・解析無料
除外モードで2色を合成して16進カラーを計算
二つの色を除外モードで合成します。#336699と#CC8844からは#AD818Bができ、差の絶対値よりやわらかくコントラストの低い仕上がりで、十六進やrgb(173, 129, 139)としてそのままコピーできます。ブラウザで無料で使えます。
B
ブラウザで動作
🖼️ 画像の編集・解析無料
ピンライト合成
#808080の上に#C0C0C0を重ねると#818181になり、明るい上の色は下地を128から129へわずかに持ち上げるだけです。ピンライトは、上の色が十分に暗いか明るいときだけ下地を置き換えます。ブラウザで無料で使えます。
S
ブラウザで動作
🖼️ 画像の編集・解析無料
スクエア配色ジェネレーター
ひとつの16進カラーから4色のスクエア配色を作ります。#e74c3cからは#82e73c、#3cd7e7、#a13ce7が得られ、それぞれ色相環を90°ずつ進んだ色です。彩度と明度は変わらないため、4色の重みがそろいます。ブラウザで無料で使えます。
K
ブラウザで動作
🖼️ 画像の編集・解析無料
色のティント生成
#3366ccと4ステップを指定すると、白を25、50、75、100％混ぜた#668cd9、#99b3e6、#ccd9f2、#ffffffが得られます。ステップは1〜20で選べ、同じ入力なら必ず同じパレットになります。ブラウザで無料で使えます。
F
ブラウザで動作
🖼️ 画像の編集・解析無料
APCAコントラスト計算機
文字色が背景の上でどれだけ読みやすいかを数値で確かめられます。白地に濃い#111827の文字はLc 104.5となり、色を入れ替えると符号が反転します。デザインの確認で根拠として示せる1つの数値です。ブラウザで無料で使えます。
A
ブラウザで動作
🖼️ 画像の編集・解析無料
W3C明るさの差計算
W3Cの旧来の明るさテストで2色を比べます。黒と白の差は255で、合格に必要な125を大きく上回ります。過去の監査の再現に便利ですが、現在のアクセシビリティ判断にはWCAGのコントラスト確認を使ってください。ブラウザで無料で使えます。
K
ブラウザで動作
🖼️ 画像の編集・解析無料
CIE94色差計算
2つのLab色の見た目の違いをCIE94式で測ります。印刷分野の既定値K1が0.045、K2が0.015のほか、繊維用の重み付けも選べます。途中の値をすべて示すので、検査室や取引先が結果を確認できます。ブラウザで無料で使えます。
F
ブラウザで動作
🖼️ 画像の編集・解析無料
等間隔色相パレット
色相200°から5色を作ると72°ずつ離れ、最初は#269dd9、最後は#26d93eになります。彩度と明度は固定なので、グラフの色が一部の色域に偏りません。ブラウザで無料で使えます。
S
ブラウザで動作
🖼️ 画像の編集・解析無料
相対輝度計算ツール
WCAGの式で色の明るさを測ります。中間グレーの#808080は0.215860500114で、黒が0、白が1の尺度で表されます。RGBの各チャンネルと線形化した値も表示されるので、数値を確かめられます。ブラウザで無料で使えます。
F
ブラウザで動作
🖼️ 画像の編集・解析無料
プロタノマリー色シミュレーション
赤の感度が弱い人の見え方で色をプレビューします。鮮やかな赤の#e74c3cは、既定の強さ0.6で#416f3eになります。0（変化なし）から1（ほぼ1型2色覚）まで調整し、ブランドやグラフの色を決める前に確かめられます。ブラウザで無料で使えます。
S
ブラウザで動作
🖼️ 画像の編集・解析無料
1型2色覚シミュレーター
赤に反応する錐体が働かない人の見え方で色を確認できます。鮮やかな赤の#e63946は#6c6545に変わります。グラフやボタン、ステータス表示で赤と緑の状態が見分けにくくなっていないかを見つけられます。ブラウザで無料で使えます。
B
ブラウザで動作
🖼️ 画像の編集・解析無料
暖色と寒色のカラーバリエーション生成ツール
#6f4bb8から始めると、暖かい2色、元の色、涼しい2色の5色が得られます。各色は30度のオレンジまたは220度の青に向けて35％か70％だけ色相を動かし、彩度と明度はそのままです。ブラウザで無料で使えます。
K
ブラウザで動作
🖼️ 画像の編集・解析無料
コントラスト比レターグレード
色の組み合わせのコントラストを、レビューにそのまま書ける1文字で表します。白地に#111827は17.74対1で、Aは12対1から始まるため評価はAです。評価はAからEまであり、それ未満は不合格です。ブラウザで無料で使えます。
A
ブラウザで動作
🖼️ 画像の編集・解析無料
グラデーションのカラーストップを等間隔で生成
両端の色のあいだにあるカラーストップをすべて求めます。#FF0000から#0000FFまでを5個にすると、25%に#BF0040、50%に#800080、75%に#4000BFが入り、両端も含まれます。ブラウザで無料で使えます。
B
ブラウザで動作
🖼️ 画像の編集・解析無料
16進アルファ値を不透明度の割合に変換 #RRGGBBAA
十六進カラーに含まれる不透明度を求めます。#33669980の末尾の80はバイト値128で、不透明度は多くの人が思う50%ではなく50.2%です。ブラウザで無料で使えます。
B
ブラウザで動作
🖼️ 画像の編集・解析無料
HSLをCSS文字列に変換
カンマやパーセント記号を手で打たずに、ブラウザでそのまま使えるhsl()の値を作ります。色相210.456、彩度64.444、明度42.225は、標準の小数点以下二桁でhsl(210.46, 64.44%, 42.23%)になります。ブラウザで無料で使えます。
K
ブラウザで動作
🖼️ 画像の編集・解析無料
HSLで2色を最短の色相経路で補間するツール
HSLで#ff0000と#0000ffのちょうど中間は#ff00ffです。色相は緑を通らず、マゼンタ側の短い120°の道をたどります。ホバー時の色やグラデーション、アニメーションの中間色を毎回同じ結果で作れます。ブラウザで無料で使えます。
F
ブラウザで動作
🖼️ 画像の編集・解析無料
OKLCH→CSS文字列
明度0.7、クロマ0.15、色相180はoklch(0.7000 0.1500 180.00)になり、百分率ならoklch(70.0000% 0.1500 180.00)です。どのトークンやスタイルシートでも同じ書き方と桁数にそろいます。ブラウザで無料で使えます。
S
ブラウザで動作
🖼️ 画像の編集・解析無料
カラースウォッチSVG生成
ドキュメントや凡例用の色見本をすぐに作れます。#3498dbは、その色で塗られ、スクリーンリーダー向けのラベルが付いた24×24のSVGの四角になります。大きさや角の丸みも必要に応じて変えられます。ブラウザで無料で使えます。
A
ブラウザで動作
🖼️ 画像の編集・解析無料
3次ベジェ色補間
イージング曲線に沿った色の移り変わりで、ある瞬間に表示される色を正確に求めます。#ff6600から#3366ffへの中間点で曲線0.42、0、0.58、1を使うと#996680になります。アニメーションを再生する必要はありません。ブラウザで無料で使えます。
F
ブラウザで動作
🖼️ 画像の編集・解析無料
リッチブラック配合ジェネレーター
印刷機で安全に使えるリッチブラックの配合がすぐに分かります。塗工紙の枚葉印刷で標準プロファイルを選ぶと、C60 M40 Y40 K100、総インキ量240 %で、上限320 %まで80ポイントの余裕があります。ブラウザで無料で使えます。
S
ブラウザで動作
🖼️ 画像の編集・解析無料
網点濃度をグレー値へ変換
網点が印刷でどれだけ濃くなるかが分かります。50%の網点にドットゲイン15%を見込むと、紙のおよそ65%が覆われ、グレー#595959として表示されます。レイアウトや印刷仕様の計画に使えます。ブラウザで無料で使えます。
F
ブラウザで動作
🖼️ 画像の編集・解析無料
Hex→CMYKインキ%
インキの配合と総量が一度に分かります。#3498dbはシアン76%、マゼンタ31%、イエロー0%、キー14%で、合計のインキ量は121%です。ブラウザで無料で使えます。
S
ブラウザで動作
🖼️ 画像の編集・解析無料
色を最も近いパレット色に量子化
#42A5F5を#000、#369、#ffffff、#3fa7f2と比べると、3番目の#3fa7f2に合わせられ、距離の2乗は22です。ブランドや機器、ファイル形式が許す色の範囲に収められます。ブラウザで無料で使えます。
B
ブラウザで動作
🖼️ 画像の編集・解析無料
数値区間カラースケール
数値に決まった色の区間を割り当てます。0〜100の目盛りを#ffffccから#800026までの5区間に分けると、72は60〜80の第4区間に入り、色は#a04050です。同じ区間の値は必ず同じ色になります。ブラウザで無料で使えます。
K
ブラウザで動作
🖼️ 画像の編集・解析無料
スポットからプロセスCMYK近似
スポット色を4色で再現し、どこまで近いかを確認できます。RGB 200, 16, 46はシアン0 %、マゼンタ92 %、イエロー77 %、ブラック22 %になり、Delta Eは0.4385で一致度は優秀です。総インク量とプロセス色域も確認します。ブラウザで無料で使えます。
A
ブラウザで動作
🖼️ 画像の編集・解析無料
CMYKの下色除去（UCR）計算ツール
シアン・マゼンタ・イエローが重なってできるグレーをブラックに置き換えます。除去率75％なら72、64、52、18は33、25、13、57になり、総インキ量は206から128に減ります。ブラウザで無料で使えます。
B
ブラウザで動作
🖼️ 画像の編集・解析無料
色と補色の距離計算
色相環の真向かいにある補色を求め、2色が目にどれだけ離れて見えるかを測ります。#336699の補色は#996633で、調和度は「強い」と判定されます。パレットの色を一貫した基準で並べられます。ブラウザで無料で使えます。
F
ブラウザで動作
🖼️ 画像の編集・解析無料
色が明るいか暗いか
白の#ffffffは輝度255で、閾値128を上回るため明るい色と判定され、黒い文字（#000000）が推奨されます。ボタンやバッジ、チップの文字色選びに使えます。ブラウザで無料で使えます。
A
ブラウザで動作
🖼️ 画像の編集・解析無料
16進カラーコードを検証
#336699ccは正しい16進カラーです。透明度を含む8桁の完全な形だからです。3桁・4桁・6桁・8桁を#の有無にかかわらず受け付け、値を勝手に直すことはありません。ブラウザで無料で使えます。
B
ブラウザで動作
🖼️ 画像の編集・解析無料
リストのもっとも明るい色
#000000、#808080、#ffffffのうち最も明るいのは、0から数えて2番目の#ffffffで、輝度は1です。ブランド色や背景色、アクセント色を目の感じ方どおりに並べられます。ブラウザで無料で使えます。
S
ブラウザで動作
🖼️ 画像の編集・解析無料
色を相対輝度順に並べ替え
16進カラーのグループをWCAGの輝度で暗い順に並べます。純粋な青は0.0722で黒のすぐ後に来て、純粋な赤は0.2126で中間グレーより暗い位置になります。各色は輝度付きで返ります。ブラウザで無料で使えます。
K
ブラウザで動作
🖼️ 画像の編集・解析無料
色相角で色が暖色か寒色かを判定
#E85D04を貼り付けると暖色と判定されます。色相が180度のシアンよりも0度の赤にずっと近いからです。色相と距離も表示されるので判定を確かめられ、ちょうど90度や270度の色は寒色として扱います。ブラウザで無料で使えます。
F
ブラウザで動作
🖼️ 画像の編集・解析無料
HWBからCMYK変換
色相0で白色度も黒色度も0なら純粋な赤で、印刷ではC 0%、M 100%、Y 100%、K 0%になります。発注書や簡易校正に使える安定したインキの割合が得られます。ブラウザで無料で使えます。
A
ブラウザで動作
🖼️ 画像の編集・解析無料
カラーパレットのコントラスト行列
#fff、#000、#777777、#2563ebのすべての組み合わせが1つの表で分かります。白と黒は最大の21で、各マスを通常の文字の4.5や大きな文字の3と比べられます。パレット全体を一度で点検できます。ブラウザで無料で使えます。
K
ブラウザで動作
🏠 暮らし・料理・趣味無料
上白糖・キャスター糖カップ→グラム換算
キャスター糖は米国の1カップで225 g、半カップで112.5 gです。スポンジやメレンゲのレシピにあるカップ数を、整数でも半分でも小数でも入力すれば、はかりで量るグラム数が分かります。ブラウザで無料で使えます。
S
ブラウザで動作
🏠 暮らし・料理・趣味無料
チョコチップのカップをグラムに換算
チョコチップは米国カップ1杯半で255 g、1カップ170 gの決まった値で計算します。アメリカのレシピにあるカップ数を整数か小数で入力すると、はかりや買い物メモに使えるグラム数が分かります。ブラウザで無料で使えます。
B
ブラウザで動作
🏠 暮らし・料理・趣味無料
メープルシロップのUSカップをグラムに換算
この換算ツールでは、メープルシロップ1 USカップを315 gとして計算します。1.5カップなら472.5 gで、そのままキッチンスケールで量れます。ブラウザで無料で使えます。
K
ブラウザで動作
🏠 暮らし・料理・趣味無料
全乳のUSカップをグラムに換算
全乳1.5カップは366グラムで、米国カップ1杯あたり244 gの固定値で計算します。レシピのカップ数を小数や0のまま入力すれば、毎回同じはかり用の重さが分かります。ブラウザで無料で使えます。
F
ブラウザで動作
🏠 暮らし・料理・趣味無料
全粒粉のカップをグラムに換算
全粒粉1.5カップは180グラムで、米国カップ1杯あたり120 gの固定値で計算します。アメリカのレシピのカップ数を入力すれば、パン生地や買い物リストに使えるグラム数がいつも同じ値で分かります。ブラウザで無料で使えます。
B
ブラウザで動作
🏠 暮らし・料理・趣味無料
ブラウンシュガー グラム→カップ換算
詰めたブラウンシュガー440グラムは、しっかり押し込んだ1カップ220グラムで米国2カップです。はかりや袋のグラム数を入れると、クッキーやシナモンロール、バーベキューソースに使うカップ量が分かります。ブラウザで無料で使えます。
S
ブラウザで動作
該当するツールが見つかりませんでした。キーワードを変えてお試しください。
使い方は3ステップ
1
APIキーを取得する
メールアドレスでアカウントを作成し、必要になったら残高をチャージします。サブスクリプションも、営業からのお電話もありません。
2
エンドポイントを呼び出す
POST1回でタスクがキューに入り、task_idが即時に返ります。
3
結果を受け取る
署名付きWebhookで結果が届きます。失敗したタスクは課金されません。
使った分だけ、お支払い
サブスクリプションはありません。無料ツールはブラウザ内で動作し、有料タスクは残高から差し引かれます。残高に有効期限はありません。
無料ツール
$0.00
ハッシュ、QRコード、JSON、テキスト→PDFなど、端末内で完結するツールをブラウザ上で実行できます。アカウント登録も、回数制限もありません。
使った分だけ払う
タスクごと
$0.002+
7800+種類の全機能をそなえたAPIを、実行した分だけ、1回$0.002からご利用いただけます。月額料金はありません。
残高
$10.00+
残高をチャージすれば、ウェブ・API・アプリのどこからでもお使いいただけます。有効期限はありません。