Rainbow Maker 2.0with Mosaic Tiler 1.0by SoftMoon WebWare

 
 
 

MasterColorPicker™

by
SoftMoon-WebWare
Options▼
RainbowMaestro mode:
Enter RGB color-space values as:
Enter color-space values as:
Enter Hue values as:
  • all RGB values entered between 0–0.999… when the default mode is “byte” will be considered factors.
  • percent values may be forced using values 0.0%–100.0% entered with a trailing “percent” sign.
  • hue values may be forced to degrees using values 0.0°–360.0° entered with a trailing “degrees” sign or by using the three letters “deg”.
Spectral Progressive Color-Picker™
click to choose 

channelintensityvariationshiftfrequency
RED
GREEN
BLUE
BeezEye Color Picker™
click to choose
color space
CMYK
Cyan, Magenta, Yellow, Black
HSB / HSV
Hue, Saturation, Brightness a.k.a Value
HSL
Hue, Saturation, Lightness
HCG
Hue, Chroma, Gray
Curve
modulates the saturation rate
Twist
twists the color-disk at its center to make it easier to find progressive color-series
RainbowMaestro Harmonic Color Picker™
click to choose
 
full color Protan simulation
Deutan simulation Tritan simulation
simulations are approximate, and may vary between individuals and monitors
special thanks to:   http://safecolours.rigdenage.com/colours2.html
Simple² Color Picker™
click to choose
99.99%
Chroma (Saturation)
0→←‖1‖→←0
359.999°
0→←←Saturation→→←1
«0°→→←←Hue→→←←360°»
HSL
HSB
Gray=0Gray=1
0→←←Brightness / Value→→←1
99.99%
0→←←Lightness→→←1
 
YinYang NíHóngthe Tao of Color Pickers™
click to choose
 
YinYang: balance of interplay between opposites (here: light & dark, color & gray).
NíHóng: Neon.Ní: Rainbow; You.Hóng: Rainbow; Great.
Tao: all-encompassing unity with balance of the most simple way.
All 16,777,216 different colors the modern computer can show within 2 clicks.

Loading Palettes:

Please Wait
  • ↑insert↑
    • new Rainbow fill colorband
    • clipboard #1
  • ←paste over this Rainbow fill colorband:
    • clipboard #1
  • ←copy this Rainbow fill colorband to:
    • new clipboard #1
  • ←cut this Rainbow fill colorband to:
    • new clipboard #1
  • ←delete this Rainbow fill colorband
  • ↓add new Rainbow fill colorband at bottom↓
  • ↑insert↑
    • new color
    • clipboard #1
  • ←paste over this color:
    • clipboard #1
  • ←copy this color to:
    • new clipboard #1
  • ←cut this color to:
    • new clipboard #1
  • ←delete this color
color gradient
transparency gradient
blend
pixel
start transparency
  • ↑insert↑
    • new color
    • clipboard #1
  • ←paste over this color:
    • clipboard #1
  • ←copy this color to:
    • new clipboard #1
  • ←cut this color to:
    • new clipboard #1
  • ←delete this color
color gradient
transparency gradient
blend
pixel
next transparency
    • ↑insert↑
    • ←delete
    • ↓add at bottom↓
    • ↑insert↑
    • ←delete
    • ↓add at bottom↓
☺help☺

Valid values for colors include:

  • RGB values in hexadecimal (a.k.a. hex) with or without the leading # symbol.
  • RGB values as:
    • integer byte values (0-255)
    • decimal ratios (0-0.999… ‖ 1)
    • percent ratios (0%-100% – be sure to use the percent % symbol)
    Each value may be seperated by spaces/commas/semicolons.  You may wrap or prefix the values with rgb( ) or rgb: but that is not necessary.
  • various different color-space models including:
    • CMYK (does not need to be wrapped or prefixed)
    • CMY
    • HSB / HSV
    • HSL
    • HCG
    • XYZ →  (Observer = 2°, Illuminant = D65) 0 ≤ X ≤ 95.047, 0 ≤ Y ≤ 100, 0 ≤ Z ≤ 108.883
    Use models by wrapping or prefixing thier given values.  Values may be given as decimal ratios (0-1 except see XYZ) or percent ratios (0%-100%), or for Hue values, in degrees (0°-360° – using the ° symbol or “deg”).  The “degrees” ° symbol may be entered by typing SHIFTCTRL5
  • Any of the available color-table colors.  Colors should be prefixed or wrapped with the appropriate color-table name.  HTMLCSS colors do not need to be wrapped or prefixed.
  • The @ symbol may be used in place of a color value or its transparency value.  This allows you to alter the gradient’s color or transparency value or the progression characteristics (curve / curve index) without affecting the others.

When used as a grid-fill, the 1D fills are aligned vertically (y-value of the 2D grid), with the span between them being horizontal (the x-value of the 2D grid).

When used as a radial-fill, the 1D fills are aligned along a polar ray (radius-value of the 2D grid), with the span between them based on a pie-wedge percentage (angle-value of the 2D grid).

Fills may be applied to a Rainbow Shape as a Radial or Grid fill, regardless of the Model used to build the fill.

The @ symbol allows the span between 1D-fills to be controlled by the “width” values of those fills.

Use 1D gradients to build 2D gradients.  Apply gradients as fill for Sculpted Rainbow shapes below.

overall image dimensions
¿scale w,h?
image type
background
transparency
apply final transparency
  • ↑insert↑
    • new tile
    • clipboard #1
  • ←paste over this tile:
    • clipboard #1
  • ←copy this tile to:
    • new clipboard #1
  • ←cut this tile to:
    • new clipboard #1
  • ←delete this tile
  • ↓add new tile at bottom↓
placement
 centerpixelscalculated from graphic centercalculated from graphic edge
left
top
margin
 pixelscalculated from graphic centercalculated from graphic edge
left
top
right
bottom
Mosaic Tiler

¡Warning! This is a very slow process!

tile overlap
image from file
blend file transparencies?
Sculpted Rainbow filled shape
  • mask file
rotate (degrees)+ clockwise
counter–clockwise
¿ extend colorband ?
apply colorband
height/width
pie slices:  by # or degreescalculated from 3:00, counter–clockwise
(¡slices may also all be rotated!)
↓<slice #of total
to° ←← from°
←delete this slice