使い方: 色パレット生成

色パレット生成 はブラウザ内で即座にshades, tints and complementary schemes from one colorできる無料のオンライン色ツールツールです。データを貼り付けてオプションを選ぶだけで結果がリアルタイムに得られます——インストール不要、登録不要、サーバーへの送信も一切ありません。

色パレット生成 を今すぐ使う →

説明

Shades, tints and complementary schemes from one color.

  • 色ツール
  • すべての計算がクライアント側で行われるため、APIキーやトークンなどの機密データにも安心して使えます。
入力 色パレット生成 出力 100% ブラウザ内で動作——データは端末から送信されません。
色パレット生成 — 入力 → 出力

使い方

色パレット生成 の使い方は3ステップ：

  1. 入力ボックスにデータを貼り付け（または例を読み込み）。
  2. 目的の形式やシーンに合わせてオプションを調整。
  3. 出力をコピー・ダウンロード・確認——入力に応じてライブ更新。
使い方 · 色パレット生成 1 入力ボックスにデータを貼り付け（または例を読み込み）。 2 目的の形式やシーンに合わせてオプションを調整。 3 出力をコピー・ダウンロード・確認——入力に応じてライブ更新。
使い方

実行

例

Shades + complements.

入力

#0ea5b7

出力

<div class="tb-inline" style="flex-wrap:wrap;gap:8px"><div class="tb-chip" style="background:#e7fbfd;color:#111;padding:10px 12px;border-radius:8px;cursor:pointer" title="click to copy" onclick="navigator.clipboard.writeText('#e7fbfd')">#e7fbfd</div><div class="tb-chip" style="background:#b8f3fa;color:#111;padding:10px 12px;border-radius:8px;cursor:pointer" title="click to copy" onclick="navigator.clipboard.writeText('#b8f3fa')">#b8f3fa</div><div class="tb-chip" style="background:#7ae9f5;color:#111;padding:10px 12px;border-radius:8px;cursor:pointer" title="click to copy" onclick="navigator.clipboard.writeText('#7ae9f5')">#7ae9f5</div><div class="tb-chip" style="background:#41dff1;color:#111;padding:10px 12px;border-radius:8px;cursor:pointer" title="click to copy" onclick="navigator.clipboard.writeText('#41dff1')">#41dff1</div><div class="tb-chip" style="background:#11cfe4;color:#111;padding:10px 12px;border-radius:8px;cursor:pointer" title="click to copy" onclick="navigator.clipboard.writeText('#11cfe4')">#11cfe4</div><div class="tb-chip" style="background:#0c97a6;color:#fff;padding:10px 12px;border-radius:8px;cursor:pointer" title="click to copy" onclick="navigator.clipboard.writeText('#0c97a6')">#0c97a6</div><div class="tb-chip" style="background:#085f68;color:#fff;padding:10px 12px;border-radius:8px;cursor:pointer" title="click to copy" onclick="navigator.clipboard.writeText('#085f68')">#085f68</div><div class="tb-chip" style="background:#043439;color:#fff;padding:10px 12px;border-radius:8px;cursor:pointer" title="click to copy" onclick="navigator.clipboard.writeText('#043439')">#043439</div></div><p class="tb-note">CSS: #e7fbfd #b8f3fa #7ae9f5 #41dff1 #11cfe4 #0c97a6 #085f68 #043439</p>

此输出由工具真实运行产生，并非人工编写。

ユースケース

色パレット生成 が役立つ場面：

  • Shades, tints and complementary schemes from one color.

パラメータ

このツールにオプションはありません。入力に対してそのまま動作します。

FAQ

Color Palette Generator とは？

shades, tints and complementary schemes from one colorためのツールです。すべてブラウザ内で動作するためデータは外部に出ません。

無料で使えますか？

はい。無制限・登録不要・インストール不要で使えます。

データは送信されますか？

いいえ。すべての処理はローカルで実行され、サーバーには送信されません。

注意事項

  • 全部计算在浏览器端完成，因此超大输入受限于标签页内存，而非服务器上传限制。

関連ツール

16 進色選択Interactive picker with HEX, RGB and HSL output.色 Code 変換Convert between HEX, RGB, HSL and named colors.色コントラストチェック(WCAG)Verify text contrast ratios against WCAG AA/AAA.乱数色生成Batch random colors with copyable codes.CSS 名前付き色リファレンスAll 148 CSS color names with codes and previews.色混色Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.

色パレット生成 → · 色ツール →

色パレット生成 を今すぐ使う →