使い方: 色混色
色混色 はブラウザ内で即座にblend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratiosできる無料のオンライン色ツールツールです。データを貼り付けてオプションを選ぶだけで結果がリアルタイムに得られます——インストール不要、登録不要、サーバーへの送信も一切ありません。
説明
Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.
- 色ツール
- すべての計算がクライアント側で行われるため、APIキーやトークンなどの機密データにも安心して使えます。
使い方
色混色 の使い方は3ステップ：
- 入力ボックスにデータを貼り付け（または例を読み込み）。
- 目的の形式やシーンに合わせてオプションを調整。
- 出力をコピー・ダウンロード・確認——入力に応じてライブ更新。
実行
例
Mix against #ffffff at 50% and switch the space to CIE Lab for a perceptually even ramp.
入力
#0ea5b7
出力
#0ea5b7 + #ffffff at 50% (mixed in RGB)
Result
HEX #87d2db
RGB rgb(135, 210, 219)
HSL hsl(186.4, 54.0%, 69.3%)
Contrast against white : 1.71:1
Contrast against black : 12.26:1
Ramp (9 steps)
0% #0ea5b7
13% #2cb0c0
25% #4abcc9
38% #68c7d2
50% #87d2db
63% #a5dde4
75% #c3e9ed
88% #e1f4f6
100% #ffffff
CSS
--mix: #87d2db;
background: linear-gradient(90deg, #0ea5b7, #ffffff);
此输出由工具真实运行产生，并非人工编写。
ユースケース
色混色 が役立つ場面：
- Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.
パラメータ
このツールにオプションはありません。入力に対してそのまま動作します。
FAQ
Color Mixer とは？
blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratiosためのツールです。すべてブラウザ内で動作するためデータは外部に出ません。
無料で使えますか？
はい。無制限・登録不要・インストール不要で使えます。
データは送信されますか？
いいえ。すべての処理はローカルで実行され、サーバーには送信されません。
注意事項
- 全部计算在浏览器端完成，因此超大输入受限于标签页内存，而非服务器上传限制。
関連ツール
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.色パレット生成Shades, tints and complementary schemes from one color.乱数色生成Batch random colors with copyable codes.CSS 名前付き色リファレンスAll 148 CSS color names with codes and previews.