ForHosting KIT · 画像の編集・解析

2色のダークン合成

描画モード「比較（暗）」と同じように、チャンネルごとに暗い方の値を残して2色を合成します。#FF8800と#00AAFFからは深い緑の#008800ができます。どのチャンネルも元の色より明るくなることはありません。ブラウザで無料で使えます。

無料
ブラウザで動作
登録不要
データは端末の外に出ません

無料で実行 API仕様を見る

ご利用方法ウェブAPIメールTelegramアプリ近日

計算例

入力した場合

色1: #FF8800
色2: #00AAFF

結果

Hex: #008800
RGB文字列: rgb(0, 136, 0)

ダークン合成モードは、赤・緑・青の各チャネルについて、2色のうちより暗い値を残して2色を合成します。どちらの親色も明るくしない影スウォッチが欲しいとき、不透明度計算なしでブランドマークを写真に重ねるとき、スクリプト内でPhotoshop風の決定論的なダークン結果が必要なときに、デザイナーが利用します。本機能は2つのhexコードを受け取り、両方を検証し、3桁短縮形を展開し、チャネル最小の結果をhexとRGBで返します。単色のパーセント暗転やチャネルを明るくしうる比率ミックスとは異なり、ダークンはどちらの入力も超えてチャネルを上げません。

ダークン合成の仕組み：チャネルごとの最小値

ダークン合成は画像編集ソフトとCSS mix-blend-modeで使われる古典的な合成モードの一つです。hash f80のような3桁短縮は比較前に各ニブルを二重化してhash FF8800へ展開し、任意の先頭hashやzero-x接頭辞は除去されます。チャネルごとに選ぶため、結果は一方の親から赤、他方から緑を取ることがあります。

これはダークンとして正しく、輝度で色全体の暗い方を選ぶのとは異なります。経路は純粋算術で、ネットワークも乱数シードも壁時計もありません。既に零のチャネルは零のままです。

両親が明るいチャネルを共有する場合、そのチャネルが高く保たれるのは両方が同程度に高いときに限ります。

ワークフロー・料金・パーセント暗転やミックスとの違い

グラフィックスイートを入れずにレイヤー状ブランドマーク、写真オーバーレイ、二色影をスケッチするときは、ブラウザ内の無料ダークン合成ツールを呼び出してください。検証失敗は残高を消費しません。本製品はhex一つのHSL明度を下げる単色パーセント暗転でも、明るい親へチャネルを上げうる線形RGB比率ミックスでもありません。

darken blend two colorsを探す利用者は、補間の中間色ではなく、Photoshop darkenとCSS mix-blend-mode darkenのチャネル最小挙動を求めています。hex入力のみ対応で、名前付きCSS色や括弧付きrgb文字列は範囲外です。ソースが名前を使う場合は上流で正規化してください。

アルゴリズムは完全に決定論的なので、結果は継続的インテグレーションのフィクスチャに固定して安全です。入力は他のKIT parseアイテムと同じ保持規則に従います。

活用例

レイヤー状ブランドマークの影

ロゴのhexと写真由来のアクセントをダークン合成で結合し、どのチャネルも明るくしない安定した影トークンをマーケティングキット向けに生成します。

二色スウォッチのUIオーバーレイ

テーマ色二つをチャネル最小のダークンで重ね、不透明度計算なしで両親より暗いカードオーバーレイやバッジ背景を作ります。

よくある質問

パーセントで色を暗くする操作との違いは？

パーセント暗転は一色の明度を下げます。本ツールは二色を取り、各RGB対の最小を残す古典的なダークン合成モードです。

無効なhexコードを送るとどうなりますか？

両色は3桁または6桁の十六進（#任意）である必要があります。長さ不正や非hex桁は拒否され課金されません。

比較（暗）の計算式はどうなっていますか？

赤・緑・青のチャンネルごとに、2色のうち小さい方の値を採用します。平均は取らないため、結果がどちらかの色より明るくなることはありません。

ブラウザで無料で使えますか？

はい、ブラウザで無料で使えます。十六進カラーを2つ入力するだけで、合成した色のコードとRGB値がすぐに表示されます。

結果に両方の色のチャンネルが混ざることはありますか？

あります。チャンネルは個別に選ぶため、#FF8800と#00AAFFでは、赤0は2色目から、緑136と青0は1色目から取られ、#008800になります。

開発者向け — APIアクセス

このページの機能はすべてAPIからも利用できます。自社システムに組み込みたいチーム向けのセクションです。それ以外の方は上のツールをそのままお使いください。

エンドポイント

POSThttps://api.kit.forhosting.com/color/darken-only

Bearerトークンで認証し、POST1回でタスクをキューに登録します。結果はWebhookまたは署名付きリンクで受け取れます。

お使いのスタックから呼び出す

curl -X POST https://api.kit.forhosting.com/color/darken-only \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"color1":"#FF8800","color2":"#00AAFF"}'

const res = await fetch("https://api.kit.forhosting.com/color/darken-only", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "color1": "#FF8800",
    "color2": "#00AAFF"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/color/darken-only",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "color1": "#FF8800",
    "color2": "#00AAFF"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/darken-only", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"color1":"#FF8800","color2":"#00AAFF"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"color1":"#FF8800","color2":"#00AAFF"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/darken-only", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

リクエスト例

{
  "color1": "#FF8800",
  "color2": "#00AAFF"
}

レスポンス例

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.darken_only",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

非同期APIです。task_idは即時に返ります。ポーリングは1秒あたり1リクエストまでです。

料金

1リクエストあたり$0.002

単価はすべて公開しています。トークン換算や独自クレジットはありません。失敗したタスクは課金されません。

エラー

HTTP	コード	意味
`401`	`unauthorized`	APIキーが無効か、指定されていません。Authorizationヘッダーを確認してください。
`402`	`insufficient_balance`	残高が不足しています。チャージ後に再度お試しください。
`404`	`unknown_type`	指定されたタスクタイプは存在しません。タイプ名を確認してください。
`429`	`rate_limited`	リクエストが多すぎます。しばらく待ってから再度お試しください。

技術的な注記

無効なhexはinvalid_inputで失敗し、課金されません。

ダークン合成の仕組み：チャネルごとの最小値

各チャネルについて独立に、結果はcolor1とcolor2の対応チャネルの数学的最小値になります。color1がhash FF8800、color2がhash 00AAFFのとき、赤は二百五十五と零の最小で零、緑は百三十六と百七十の最小で百三十六、青は零と二百五十五の最小で零となり、結果は深い緑のhash 008800です。同一入力は常に同一のJSONを生みます。

入力契約・応答形状・検証エラー

単一のスタイルトークンが必要ならhexを、キャンバス・チャート・アクセシビリティ検査が分離チャネルを期待するならrgbを使ってください。必須の文字列フィールドcolor1とcolor2を含むJSON本体を送ってください。エイリアスhex1、hex2、a、b、base、blend、from、to、colour1、colour2はハンドラがマップするとき受け付けられ、古いフォーム欄もきれいに着地します。各値は先頭の任意hash付きで3桁または6桁の十六進でなければならず、空文字・誤った長さ・非hex文字はフィールド名付きのinvalid_inputで失敗し、クライアントが該当コントロールを強調できます。成功時、応答は正規化されたcolor1とcolor2を先頭hash付き6桁大文字hexで返し、両親のUIプレビュー用にcolor1_rgbとcolor2_rgbを公開し、ダークン結果を三通りで返します。テーマ用の主トークンとしてのhex、零から二百五十五の整数r g bオブジェクトとしてのrgb、貼り付け可能なCSS rgb行としてのrgb_stringです。methodラベルは常にdarken_minなので、下流コードは形状を嗅がずに分岐できます。color1欠落、color2欠落、無効hexはいずれも課金前に失敗します。明るい背景のテキストに対してWCAGを満たす必要があるときは、このエンドポイントをコントラスト検査と組み合わせてください。

ワークフロー・料金・パーセント暗転やミックスとの違い

デザインシステムパイプライン、ECテーマ生成器、マーケティング資産サービスが安定したダークン契約をKIT残高で必要とするときは前払いAPIを使い、成功アイテムごとに$0.002です。SDKを出荷する作者は、レイヤードダークン規則を文書化する際に設計者や学生が期待するカラーピッカーとトークン表へhexとrgbを直接マップできます。

連携の活用例

決定論的デザインシステムパイプライン

CIスクリプトが前払いAPIを呼び、シード対をダークン合成して毎回ビット同一のJSONトークンにします。

技術的な質問

2つのhex色をどうダークン合成しますか？

color1とcolor2をhex文字列（3または6桁、#任意）でJSON送信してください。APIはmethod darken_min付きでhexとrgbにチャネル最小を返します。

ダークン合成の式は何ですか？

R、G、Bそれぞれについて result = min(color1_channel, color2_channel) です。比率は適用されず、暗い方のチャネルが独立に勝ちます。

ダークン合成ツールは無料ですか？

ブラウザツールはお使いの端末で無料です。API呼び出しは成功アイテムごとに前払いKIT残高$0.002を使い、検証失敗は課金されません。

KITの完全なドキュメントを見る →

2色のダークン合成

無料で実行

計算例

ダークン合成の仕組み：チャネルごとの最小値

ワークフロー・料金・パーセント暗転やミックスとの違い

活用例

レイヤー状ブランドマークの影

二色スウォッチのUIオーバーレイ

よくある質問

関連ツール

開発者向け — APIアクセス

エンドポイント

お使いのスタックから呼び出す

リクエスト例

レスポンス例

料金

エラー

技術的な注記

ダークン合成の仕組み：チャネルごとの最小値

入力契約・応答形状・検証エラー

ワークフロー・料金・パーセント暗転やミックスとの違い

連携の活用例

決定論的デザインシステムパイプライン

技術的な質問

ありがとう