5-Color Blender · Mix 5 Colors to Create Your Favorite Shade

色彩辞典・日本の色関連ページ目次:   色彩辞典目次

  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-Color Blender
Mix 5 Colors to Create Your Favorite Shade

5色ブレンダー言語インデックス-全言語版

Mix 2 Colors

Mix 5 Colors

[ About This Tool ① ]

With this tool, you can specify up to 5 colors and use sliders to generate intermediate colors (blended shades) based on their mix ratios.
Considering 256 levels for each RGB value, theoretically, it is possible to represent approximately 16.8 million colors.

#FFE6DE

Click to copy

Blend Results:

RGB: 255, 230, 222

HEX: #FFE6DE

HSL: 15, 100, 94%

Color Details:

Color 1: #FFB07C, Ratio: 20%, RGB: 255, 176, 124
Color 2: #FFD1DC, Ratio: 20%, RGB: 255, 209, 220
Color 3: #FFFFFF, Ratio: 20%, RGB: 255, 255, 255
Color 4: #FFFFFF, Ratio: 20%, RGB: 255, 255, 255
Color 5: #FFFFFF, Ratio: 20%, RGB: 255, 255, 255

・Entering a color code or color name changes the screen's background color (Body Color) to the specified color.

・To reset, clear the input field.

[ About This Tool ② ]

Select up to 5 Colors: Freely specify color combinations to create palettes for design or UI purposes.
Adjust Ratios with Sliders: Fine-tune the mix ratio of each color to generate the desired shade.
Theoretical Representation of 16.8 Million Colors: By leveraging 256 levels of RGB, you can create smooth gradients and unique intermediate colors.
For designers and developers struggling with color selection, this tool simplifies gradient and color palette idea generation.
By adjusting color ratios, you can intuitively fine-tune color balance.
Colors can be checked in HEX, RGB, and HSL formats, making them immediately usable in other tools or code.

色彩辞典・日本の色関連ページ目次:   色彩辞典目次

  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-Color BlenderMix 5 Colors to Create Your Favorite Shade

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

5-Color Blender
Mix 5 Colors to Create Your Favorite Shade