Yotsuba Games
Back to Node List

Color RGB

color_rgb

Create a color using Red, Green, Blue channels. Pick visually or enter values directly. Connect a Palette to pick from a set.

Reviewed
Guide available
The node name and summary are available in English. Port, parameter, and article details are currently shown in Japanese.

Input Ports

NameTypeDescription
ใƒ‘ใƒฌใƒƒใƒˆ
palette
Palette
ไปปๆ„: ใƒ‘ใƒฌใƒƒใƒˆใ‚’ๆŽฅ็ถšใ™ใ‚‹ใจใ€ใใฎ่‰ฒใ‹ใ‚‰้ธในใ‚‹ใ‚ˆใ†ใซใชใ‚Šใพใ™

Output Ports

NameTypeDescription
ใ‚ซใƒฉใƒผ
color
Color
้ธๆŠžใ•ใ‚ŒใŸ่‰ฒ

Parameters

NameTypeDefaultRangeDescription / Options
่‰ฒ
color
Color
[1,1,1,1]โ€”

ใ‚ซใƒฉใƒผใƒ”ใƒƒใ‚ซใƒผใง่‰ฒใ‚’้ธใณใพใ™

R
red
Float
2550โ€“255 / step 1

่ตคใƒใƒฃใƒณใƒใƒซ๏ผˆ0 = ใชใ—ใ€255 = ๆœ€ๅคง๏ผ‰ใ€‚๐Ÿ“Œ ใงๅ…ฅๅŠ›ใƒ”ใƒณๅŒ–ใ™ใ‚‹ใจไป–ใฎใƒŽใƒผใƒ‰ใ‹ใ‚‰ๅ€คใ‚’ๅ—ใ‘ๅ–ใ‚Œใพใ™ใ€‚

G
green
Float
2550โ€“255 / step 1

็ท‘ใƒใƒฃใƒณใƒใƒซ๏ผˆ0 = ใชใ—ใ€255 = ๆœ€ๅคง๏ผ‰ใ€‚๐Ÿ“Œ ใงๅ…ฅๅŠ›ใƒ”ใƒณๅŒ–ใ™ใ‚‹ใจไป–ใฎใƒŽใƒผใƒ‰ใ‹ใ‚‰ๅ€คใ‚’ๅ—ใ‘ๅ–ใ‚Œใพใ™ใ€‚

B
blue
Float
2550โ€“255 / step 1

้’ใƒใƒฃใƒณใƒใƒซ๏ผˆ0 = ใชใ—ใ€255 = ๆœ€ๅคง๏ผ‰ใ€‚๐Ÿ“Œ ใงๅ…ฅๅŠ›ใƒ”ใƒณๅŒ–ใ™ใ‚‹ใจไป–ใฎใƒŽใƒผใƒ‰ใ‹ใ‚‰ๅ€คใ‚’ๅ—ใ‘ๅ–ใ‚Œใพใ™ใ€‚

A
alpha
Float
1000โ€“100 / step 1

ใ‚ขใƒซใƒ•ใ‚ก / ไธ้€ๆ˜Žๅบฆ๏ผˆ0% = ๅฎŒๅ…จใซ้€ๆ˜Žใ€100% = ๅฎŒๅ…จใซไธ้€ๆ˜Ž๏ผ‰ใ€‚๐Ÿ“Œ ใงๅ…ฅๅŠ›ใƒ”ใƒณๅŒ–ใ™ใ‚‹ใจไป–ใฎใƒŽใƒผใƒ‰ใ‹ใ‚‰ๅ€คใ‚’ๅ—ใ‘ๅ–ใ‚Œใพใ™ใ€‚

Overview

The most basic color node, creating and supplying a single color. Keeping a color in its own node lets you route it: distribute the same color to multiple nodes or animate individual channels.

Usage tips

  • When the same color is used in several placesโ€”line, fill, glow, and so onโ€”distribute it from this node so one edit updates them all.
  • R/G/B/A can be exposed as input pins with ๐Ÿ“Œ. Connect waveforms to animate the color. For blinking, damage flashes, or rotating a neon hue, H in color_hsv is convenient.
  • Connect the palette input to choose a color from a palette instead of the picker.
  • If you prefer choosing by color qualities, the sibling nodes color_hsv (hue, saturation, value) and color_oklch (perceptually uniform) serve the same role. All three output the same Color type.

Common pitfalls

  • Why use this node when color parameters are available everywhere?: a parameter is enough for a one-off color. Promote it to this node when you need to share, animate, or turn it into a variable.
  • Value units: the UI uses 0โ€“255 (0โ€“100% for A), while values are normalized to 0โ€“1 internally and on wires.

Technical details

  • Two-way synchronization between the color picker and R/G/B/A sliders
  • Change the color in the picker โ†’ R/G/B/A update automatically
  • Change an R/G/B/A slider โ†’ the picker swatch updates automatically
  • With no Color wire connected, R/G/B/A are authoritative at evaluation time. Picker edits update those channels in the UI.
  • While using an indexed-color reference, palette edits update R/G/B/A and the output. Manually editing a channel detaches the reference and switches to the current literal color.
  • Internal processing converts 0โ€“255 to 0.0โ€“1.0 and outputs the Color type.
  • When the Color parameter is exposed with ๐Ÿ“Œ and connected, that external Color overrides R/G/B/A.

Examples

  • Choose a pixel-art color visually
  • Connect animation nodes to the R/G/B channels to animate the color
  • Connect a palette and choose a color from it

Related nodes

  • color_hsv / color_oklch โ€” sibling nodes for choosing in other color spaces
  • palette_get โ€” choose by palette index
  • solid_color โ€” the go-to destination for turning a color into an image
Back to Node List
Color RGB โ€” PixPipeline Node Reference