選び方（24チェック）
- 面積が分かっているなら「塗料必要量（総合）」で、L/gal と缶数をまとめて算出。
- 外壁・屋根など部位別に見積もるなら、対応する部位別ツールへ。
- 施工費込みの目安は「住宅塗装費用」、膜厚や消費量管理は「DFT/WFT」を使います。
- 色見本の整理は、塗料量が固まってからカラーピッカーで進めます。
- 候補色が2つまで絞れていて、中間色を試したいならカラーミキサーを使います。
- 1色から類似色・補色・トライアドなどの関係性で候補を作りたいなら配色ハーモニー生成を使います。
- 基準色は決まっていて、その周辺の明暗やアクセント候補を広げたいならカラーパレット生成を使います。
- 基準のブランド色は決まっていて、背景・文字・アクセント・境界線まで役割つきで組みたいならアクセシブル配色を使います。
- その役割色はほぼ固まっていて、出力前にカードやボタンへ当てた見た目だけを確認したいならカラートークンプレビューを使います。
- 見た目確認は済んでいて、次に知りたいのが役割の重複、近すぎる色、コントラスト不足の残りならカラートークン監査を使います。
- 次に知りたいのが、変更後のトークンセットが現行テーマ候補や本番セットとどう違うかなら、カラートークン差分を監査のあと、出力の前に使います。
- ロール色は良さそうだがセマンティックトークン名がまだ曖昧なら、セマンティックカラートークンを出力の前に使います。
- セマンティックトークン名は固まっていて、次に知りたいのがボタン・カード・入力欄・ナビ・バッジなどのコンポーネントエイリアスへどう落とすかなら、コンポーネントカラートークンを出力の前に使います。
- コンポーネントエイリアスは固まっていて、次に知りたいのがホバー・アクティブ・フォーカス・無効・選択中のような状態エイリアス名なら、状態カラートークンを出力の前に使います。
- 状態エイリアスは固まっていて、次に知りたいのが 1 つの基準色をライト・ダーク・代替・高コントラストのテーマ別バンドルへどう分けるかなら、テーマカラートークンを出力の前に使います。
- トークン層は見えていて、残る問いが名前の付け方なら「トークン命名」を使い、そのあと出力へ進みます。
- トークン層と命名はほぼ固まっていて、残る問いがそのロールをセマンティック・コンポーネント・状態・テーマのどこへ置くかなら「トークン分類マッパー」を出力前に使います。
- 置き場はほぼ固まっていて、残る問いがエイリアスを直結にするか橋渡しにするか 2 段にするかなら「エイリアス設計」をトークン分類マッパーのあとに使います。
- エイリアスの段数がほぼ固まっていて、残る問いがどの層を先に勝たせるか、最後に何へ落とすかなら「フォールバック設計」をエイリアス設計のあとに使います。
- その採用順は見えていて、残る問いが1件のトークンがなぜその値へ解決されたかなら「トークン解決デバッガー」をフォールバック設計のあとに使います。
- その解決結果は見えていて、残る問いが直接競合、隠れ競合、冗長な上書きがどこにたまるかなら「競合チェック」をトークン解決デバッガーのあとに使います。
- 競合の偏りは見えていて、残る問いが 名称変更・置換・出力 の前にどの 共通 起点へ下流 エイリアス が何本ぶら下がるかなら「依存グラフ」を競合チェックのあとに使います。
- 依存のまとまりは見えていて、残る問いがテーマ・状態・プラットフォーム・モードの組み合わせでどこで採用値が反転するかなら「上書きマトリクス」を依存グラフのあとに使います。
- 上書きの反転点は見えていて、残る問いが名称変更・置換・削除・レイヤー変更でテーマ / 状態ごとにどこが先に壊れそうかなら「影響シミュレーター」を上書きマトリクスのあとに使います。
- 影響範囲の見積もりは見えていて、残る問いがリリース前に何を順番に確認すべきかなら「トークン展開チェックリスト」を影響シミュレーターのあとに使います。
- 展開前の確認順は見えていて、残る問いがエイリアスを何週残すか、新規利用をいつ止めるか、完全削除をいつ置くかなら「トークン廃止計画」をトークン展開チェックリストのあとに使います。
- 廃止手順の順番は見えていて、残る問いが採用率、置換率、残る未解決項目、旧利用先が凍結や削除へ進める状態かなら「トークン移行状況チェック」をトークン廃止計画のあとに使います。
- 役割色がほぼ固まり、CSS変数・JSONトークン・ユーティリティ用マップとしてそのままコードへ渡したいならカラートークン出力を使います。
- 1色を UI トークン向けの 50/100/200 のような段階付きスケールへ広げたいならカラースケール生成を使います。
- 決めた1色が暖色寄りか寒色寄りかを先に確かめたいなら色温度チェックを使います。
- 単色ではなく背景用の CSS グラデーションを作りたいなら、候補色が固まったあとにグラデーション生成を使います。
- 最終候補の2色がどれくらい離れているかを数値で確かめたいなら、色差チェックを使います。
- 仕様書や CSS にある色を別形式へ写したいときは、カラー変換で HEX・RGB・HSL・代表色名をそろえてから共有します。
- 採用色を OKLCH や OKLab でも確認して、知覚ベースの調整やデザイントークン設計へつなげたいなら OKLCH 変換を使います。
- 採用した 2 色が決まっていて、CSS やトークン仕様へそのまま渡せる
color-mix()式を作りたいなら CSS color-mix 生成を使います。 - ラベル・サイン・説明文の読みやすさ確認は、コントラストチェッカーで仕上げます。
塗装の見積もりは「面積 → 塗り仕様 → 費用 → 色確認」の順で進める
塗装まわりは、一覧を上から眺めるよりも手順で分けたほうが迷いません。まず塗れる面積を決め、次に塗り回数・プライマー・ロスを固め、その後で費用へ進みます。色の見た目確認は、そのあとに切り出すと役割が重ならずに済みます。
おすすめの進め方
- 面積が分かっているなら 塗料必要量（総合）、部位ごとの寸法から詰めるなら外壁・屋根・フェンス・デッキの各ツールを使います。
- その次に、上塗り回数、プライマー回数、下地吸込み、ロス率を確定させて、数量の前提をそろえます。
- 費用は最後です。住宅塗装費用 は、必要量の前提が固まってから材料費・人工費・諸経費の目安を見る用途に回します。
色確認の進め方
- カラーピッカー は、まず色見本を触って1色を決めたいときの入口です。
- カラーミキサー は、2色のあいだにある中間候補を手早く作りたいときに使います。
- 配色ハーモニー生成 は、類似色・補色・トライアドなど色相関係ベースで複数色の候補を作りたいときに使います。
- カラーパレット生成 は、決めた1色から明るめ・暗め・アクセント候補を広げたいときに使います。
- アクセシブル配色 は、その基準色から背景・文字・アクセント・境界線まで役割つきで組み、AA/AAAの読みやすさも意識したいときに使います。
- カラートークンプレビュー は、その役割色をカードやボタンへ当てて、引き渡し前に1回見た目確認したいときに使います。
- カラートークン監査 は、その見た目確認のあとで、重複トークン、近すぎる色、コントラスト不足を 出力前に洗いたいときに使います。
- カラートークン差分 は、その変更後セットを現行テーマや本番セットと比べ、どのロールが変わったかを出力前に確認したいときに使います。
- セマンティック カラートークン は、その 役割色を プロダクト/文書/マーケティング 向けの名前へ落としてから 引き渡し したいときに使います。
- コンポーネント カラートークン は、その セマンティックトークン名を ボタン・カード・入力欄・ナビ・バッジ などの コンポーネントエイリアス へ割り当ててから 引き渡し したいときに使います。
- 状態 カラートークン は、その コンポーネントエイリアスをホバー・アクティブ・フォーカス・無効・選択中 のような 状態 名へ展開してから 引き渡し したいときに使います。
- テーマ カラートークン は、その基準トークンをライト・ダーク・代替・高コントラストのテーマ別バンドルへ分けてから引き渡したいときに使います。
- トークン命名 は、トークン層が見えたあとで prefix、区切り記号、テーマ/状態 の置き方を先に固めたいときに使います。
- トークン分類マッパー は、その トークン層と命名が見えたあとで、各 ロールを セマンティック・コンポーネント・状態・テーマのどこへ置くかを揃えたいときに使います。
- エイリアス設計 は、その置き場が見えたあとで、公開エイリアスを直結・橋渡し・2段のどれにするかを整理したいときに使います。
- フォールバック設計 は、そのエイリアスの段数が見えたあとで、どの層を先に勝たせ、最後に何へ落とすかを整理したいときに使います。
- トークン解決デバッガー は、そのフォールバック順が見えたあとで、1 件のトークンがなぜその採用値になったかを読みたいときに使います。
- 競合チェック は、その解決結果が見えたあとで、直接競合、隠れ競合、冗長上書きがどこに残るかを洗いたいときに使います。
- 依存グラフ は、その競合箇所が見えたあとで、名称変更・置換・出力前に 1 つの起点トークンから下流エイリアスがどこまで波及するかを見たいときに使います。
- 上書きマトリクス は、その依存の広がりが見えたあとで、テーマ・状態・プラットフォーム・モードの組み合わせごとにどこで採用値が反転するかを比較したいときに使います。
- 影響シミュレーター は、その依存の広がりが見えたあとで、名称変更・置換・削除 でどの ブランチとコンポーネント画面 が先に揺れるかを短く見積もりたいときに使います。
- トークン展開チェックリスト は、その影響範囲が見えたあとで、画面レビュー、テスト、文書、ブランチ調整をリリース前に何から確認すべきかへ落としたいときに使います。
- トークン廃止計画 は、その展開チェックが見えたあとで、エイリアス期間、警告、新規利用停止、完全削除の順番を固めたいときに使います。
- トークン移行状況チェック は、その廃止手順が見えたあとで、採用率、置換率、残る未解決項目、旧利用先を見て凍結や削除へ進めるかを確認したいときに使います。
- カラートークン出力 は、その役割色を CSS変数、JSONトークン、ユーティリティ用マップとして整理し、実装へ渡したいときに使います。
- カラースケール生成 は、その1色を UI トークン向けに明るい段から暗い段まで番号付きで並べたいときに使います。
- 色温度チェック は、その1色が暖色寄り・寒色寄り・中立寄りのどこにあるかを先に決めたいときに使います。
- グラデーション生成 は、決めた2〜3色から線形・放射の背景用 CSS をすぐ作りたいときに使います。
- 色差チェック は、2色の候補がどれくらい近いか・離れているかを数値で見て最終判断したいときに使います。
- カラー変換 は、決めた色を HEX・RGB・HSL・代表色名へ写し替えて仕様書や CSS に渡す段階で使います。
- OKLCH 変換 は、その色を OKLCH / OKLab でも確認して、知覚ベースの微調整や最新 CSS の値確認へ進みたいときに使います。
- CSS color-mix 生成 は、採用した 2 色から実装に貼れる
color-mix()式を作りたいときに使います。 - コントラストチェッカー は、前景色と背景色の組み合わせが読みやすいかを最後に確認する段階で使います。
切り替えの目安
- 部屋の壁・天井中心なら 室内（シンプル） が早いです。
- 部位の形状が見積りを左右するなら、外壁・屋根・フェンス・デッキなどの専用ツールに切り替えます。
- メーカー仕様が膜厚基準なら DFT/WFT を使い、一般的な塗り面積ラベル前提の計算とは分けます。
関連リンク
- 塗料必要量（総合）
- 工業塗装（DFT/WFT）
- 住宅塗装費用
- カラーピッカー
- カラーミキサー
- 配色ハーモニー生成
- カラーパレット生成
- アクセシブル配色
- カラートークンプレビュー
- カラートークン監査
- カラートークン差分
- セマンティック カラートークン
- テーマ カラートークン
- トークン命名
- トークン分類マッパー
- エイリアス設計
- フォールバック設計
- トークン解決デバッガー
- 競合チェック
- 依存グラフ
- 上書きマトリクス
- 影響シミュレーター
- 展開チェックリスト
- 廃止計画
- 移行状況チェック
- カラートークン出力
- カラースケール生成
- 色温度チェック
- グラデーション生成
- 色差チェック
- カラー変換
- OKLCH 変換
- CSS color-mix 生成
- コントラストチェッカー
- 単位換算まとめ
おすすめ（上位3）
迷ったらまずここから。よくある用途をカバーします。
ツール一覧
- 塗料必要量計算ツール | リットル・ガロン換算｜CalcBE
壁・天井などの面積から必要な塗料量を概算し、塗布回数・廃材率・下地吸収・プライマーを考慮してリットル/ガロンと缶数の内訳を計算します。条件を変えて複数案を比較でき、DIYの塗装計画や見積もりに役立ちます（無料・ブラウザ内）。
- 室内ペイント必要量シンプル計算ツール | CalcBE
部屋の寸法や塗装面積から、壁・天井の塗り面積、必要な塗料量、余裕込みの購入目安、缶数を簡単に計算します。
- 外壁塗装の面積・塗料必要量計算（ガロン/L・缶数）｜CalcBE
外壁塗装に必要な面積と塗料量を計算。ドア・窓の差し引き、塗布回数、廃材率、プライマー有無を設定してガロン/Lと缶数目安を確認できます。
- 屋根塗装面積＆必要量計算ツール | CalcBE
建物寸法と勾配、屋根面ごとの入力、既知の面積から屋根の塗装面積と必要な塗料（上塗り・プライマー）を概算します。軒の出や天窓、塗布回数、廃材率も調整でき、結果はリットル/ガロンと缶数の目安で確認できます。
- フェンス塗装面積＆必要量計算ツール｜CalcBE
フェンスの総延長×高さ、パネル構成、既知の面積から塗装面積と塗料量（上塗り・プライマー）を概算。片面/両面、複雑さ、塗らない部分、塗布回数、廃材率、カバレッジ上書きも調整し、共有URLをコピーできます。
- デッキ・テラス塗装面積＆必要量計算 | ガロン・リットル | CalcBE
デッキやテラスの塗装面積と上塗り・プライマー必要量を、長方形1面・複数ゾーン・既知の面積から概算します。塗布回数や廃材率、カバレッジ調整にも対応し、結果はリットル/ガロンと缶数の目安で確認できます。
- 住宅塗装費用の概算（材料+人工）｜CalcBE
外壁・屋根・付帯・フェンス・デッキの塗装費用を、面積または延床面積から概算します。単価プロファイル、諸経費、税を調整し、URLで条件共有できます。
- 工業塗装 DFT/WFT・塗料消費量計算ツール｜CalcBE
体積固形分から乾燥膜厚・湿膜厚・理論塗布面積・塗料消費量を計算し、実績消費量からDFT/WFTを逆算。密度入力で質量換算も表示し、共有URLに保存できます。 メーカーの技術資料にある体積固形分 (v/v%) を使ってください。複数の値がある場合は代表値から試してください。 素地の凹凸、エッジロス、オーバースプレー、噴霧効率などで実際の消費量は理論値より大きくなるのが一般的です。
このページでできること
- 計算はブラウザ内で完結し、入力は送信されません。
- 共有URLで同じ条件を保存・再現できます。
- 単位（m/L ↔ ft/gal）を切り替えられます（対応ツール）。
よくある質問
1L（または1gal）でどれくらい塗れますか？
製品ラベルの塗り面積（m²/L, ft²/gal）を優先してください。下地の吸込み、凹凸、塗り回数で大きく変わります。
ロス（廃材率）はどれくらい見ておくべき？
DIYは10〜20%程度を目安に、複雑形状や風が強い/スプレー施工は多めに。
プライマーは必要？
無塗装木部、多孔質、金属、旧塗膜の状態が不安な場合は推奨。セルフプライミング塗料の再塗装なら不要な場合も。
2色以上（塗り分け）はどう計算する？
色ごとに面積を分けて別々に計算し、缶数はそれぞれ端数切り上げが安全です。
DFT と WFT の違いは？
乾燥後の膜厚（DFT）と、塗った直後の湿膜厚（WFT）です。体積固形分が両者を結びます。
費用ツールの結果は見積書として使えますか？
いいえ。概算の目安です。下地処理、足場条件、塗料仕様などで変動するため、実際は業者見積りを参照してください。
関連リンク
- 単位換算まとめ
L/gal や m²/ft² などの単位確認に便利です。
- カラー変換
HEX・RGB・HSL・代表色名の行き来を、塗装や表示用の色確認前にまとめて行えます。
- コントラストチェッカー
色見本の前景色と背景色が読みやすいかを WCAG 基準で確認できます。
- ツール一覧
すべてのツールから探したい場合はこちら。