MicroAd Compass Wipe_Banner - PC/SP-header部、PC/SP-body部セットで設置 - 外部HTML
色彩辞典・日本の色関連ページ目次  
  色彩辞典目次 
  JIS慣用色・和名の147色 
  日本の色147色 - 個別ページ 
  画像で見る日本の色147色 
  重色目・襲色目 
  四十八茶百鼠 
  JIS慣用色・英名の122色 
  JIS慣用色269色・五十音順 
  セーフカラー・カラーネーム 
  カラーパレット & HTMLコード 
  カラーピッカー/セーフカラー 
  2色を混ぜる 
  5色を混ぜる 
  Hex ⇔ CMYK ⇔ RGB相互変換 
  ウェブカラー・コード変換ツール 
  カラーSlider 
  フラット UI カラー（全20色） 
  マテリアル UI カラー（全20色） 
  マテリアル UI カラー（273色） 
  SNS・Webサービスのカラーコード 
  Dreamweaver CC で表示されるカラーネーム 
  RGBとHSL相互変換・CSS用rgb()、hsl()など取得 
  補色を取得し色相環に描画 

5色カラーブレンダー
5色を混ぜて好みの色を作る
5-Color Blender
2色を混ぜる 
5色を混ぜる 
[ このツールについて ① ]
  • このツールでは、最大5色を指定し、スライダーを用いてその混合比率に基づいた中間色（補間色）を生成します。
  • RGB各値の256段階を考慮すると、理論上は、約1,680万色の表現が可能です。
#FFE6DE
Click to copy
混合結果:
RGB: 255, 230, 222
HEX: #FFE6DE
HSL: 15, 100, 94%
各色詳細:
色1: #FFB07C, 割合: 20%, RGB: 255, 176, 124
色2: #FFD1DC, 割合: 20%, RGB: 255, 209, 220
色3: #FFFFFF, 割合: 20%, RGB: 255, 255, 255
色4: #FFFFFF, 割合: 20%, RGB: 255, 255, 255
色5: #FFFFFF, 割合: 20%, RGB: 255, 255, 255
 ・カラーコード・カラーネームを入力すると画面の色(Body Color)が指定した色に変わります。
 ・リセットは、入力枠を空にしてください。
[ このツールについて ② ]
  • 最大5色を選択: 色の組み合わせを自由に指定し、デザインやUIのカラーパレットを作成できます。
  • スライダーで比率を調整: 各色の混合比率を微調整することで、目的に合った色を生成できます。
  • 理論上1,680万色の表現: RGBの256段階を活用することで、滑らかなグラデーションや独自の中間色を作り出せます。
  • 色選びに悩むデザイナーや開発者にとって、グラデーションや配色アイデアの生成が簡単になります。
  • 色の比率調整により、直感的にカラーバランスを微調整できます。
  • HEX、RGB、HSL形式で色を確認できるので、他のツールやコードにもすぐに利用できます。
色彩辞典・日本の色関連ページ目次  
  色彩辞典目次 
  JIS慣用色・和名の147色 
  日本の色147色 - 個別ページ 
  画像で見る日本の色147色 
  重色目・襲色目 
  四十八茶百鼠 
  JIS慣用色・英名の122色 
  JIS慣用色269色・五十音順 
  セーフカラー・カラーネーム 
  カラーパレット & HTMLコード 
  カラーピッカー/セーフカラー 
  2色を混ぜる 
  5色を混ぜる 
  Hex ⇔ CMYK ⇔ RGB相互変換 
  ウェブカラー・コード変換ツール 
  カラーSlider 
  フラット UI カラー（全20色） 
  マテリアル UI カラー（全20色） 
  マテリアル UI カラー（273色） 
  SNS・Webサービスのカラーコード 
  Dreamweaver CC で表示されるカラーネーム 
  RGBとHSL相互変換・CSS用rgb()、hsl()など取得 
  補色を取得し色相環に描画 
スポンサーリンク
スポンサーリンク

おすすめサイト・関連サイト…

スポンサーリンク
Last updated : 2024/12/31
 Copied ! 
 Click to Copy 
© みんなの知識 ちょっと便利帳 - https://www.benricho.org/colors/color_blender-5colors/