User:DePiep/rgb

Source: Wikipedia, the free encyclopedia.
USER:
t)
This box: view · edit

Color spaces

RGB and CSS defined color space notations[1]
color space data structure #
arg 		example(s) example color value source alternative names, versions number of colors wiki page note
RGB triple hex 00-FF 1 #cd5c5c #cd5c5c W3C, rgb alt: triplet 0-F (#abc)
RGB name 1 maroon #800000 [2] CSS 1–2.0 / HTML 3.2–4 / VGA color names 16 web colors HTML 4.01 names (X11 alt names)
RGB w3cname 1 indianred
indian red 		#cd5c5c W3C, color keywords X11 147 X11 color names Multiple versions are around, sometimes clashing.
RGB trip separated 3 rgb(00, 9A, FF)
rgb(80%, 36%, 36%)
rgb(55, 0, 255) dec
mixed 		Values out of range (<0, >255/100%) are clipped (w3c).
RGB triphex 3 rgb(c5, 10, a5) #c510a5 All hex only. Technically possible; not W3C mentioned. Should never mix with dec values
RGB red
RGBgreen
RGBblue 		cc 1 #cc0000 similar for -green, -blue. The red part value in RGB. Corresponds with #rr0000(?)
HSL trip 3 hsl(0°, 53%, 58%)
hsl(0, 53, 58) 		#cd5c5c hue:0° satur:53% light:58%. With or without °, %
HSL tripnormalised 3 hsl(0, 0.53, 0.58) #cd5c5c normalsed into fractions (0 ... 1) (see W3C)
HSV trip 3 hsv(0°, 55%, 80%) #cd5c5c for: hue:0° satur:53% value:580%. With or without °, %
RGB-lum Luminance, cset contrast ratio [3] {{RGBColorToLum}} and more, for contrast ratio checking W3C, transparent
RGBA RGBA-transp 4 rgba(80%, 36%, 36%, 0.2) W3C, transparent 0.0=transp, 1.0=opaque. parameter 4. HSLA w3c hsla
1.^ "CSS Color Module Level 3 W3C Recommendation 07 June 2011". W3C. 2011-06-07. Retrieved 1013-02-25. {{cite web}}: Check date values in: |accessdate= (help)

Resources


w3c examples
em { color: #f00 }              /* #rgb */
em { color: #ff0000 }           /* #rrggbb */
em { color: rgb(255,0,0) }
em { color: rgb(100%, 0%, 0%) }
w3c on color
accity in general


RGBA (alpha=opacity)

w3c example 

em { color: rgb(255,0,0) }      /* integer range 0 - 255 */
em { color: rgba(255,0,0,1)     /* the same,with explicit opacity of 1 */
em { color: rgb(100%,0%,0%) }   /* float range 0.0% - 100.0% */
em { color: rgba(100%,0%,0%,1) } /* the same,with explicit opacity of 1 */]
  • error: rgb(1,2,3,4)
  • error: rgba(1,2,3,)
  • error: rgb(50%,2,3) - mixed num dim
  • error: background:dark goldenrod -- OK darkGoldenrod
  • alpha default=1

See also / todo

Dictionary
  • w3c: basic color keywords(=16x), "color keywords" (="color name"), "opacity"="alphavalue" =1 minus tranparency, "color", "sRGB",

Sets: Derived colors

Sets: Pairs

  • Contrast
  • grey tone

Color spaces

formats

Wikipedia:Lua requests/Archive 1#Color conversion (RGB)

Experiments

Hi
ye #7bea15=rgb(123,234,21) rgb(123,234,21) rgba(123,234,21,.5)
color:red; rgb(123,234,21) color:red; rgba(123,234,21,.5)
"color:rgb(255,0,0); background:rgb(123,234,21)" "color:rgba(255,0,0,0.5); background:rgb(123,234,21)"

"color:rgb(255,0,0); background:maroon"

"color:rgb(255,0,0); background:lime"

"color:rgb(255,0,0); background:darkGoldenrod"

"color:rgb(255,0,0); background:aliceblue"

"color:rgb(255,0,0); background:lime"

"color:rgb(255,0,0); background:rgb(123,234,21)"

"color:rgb(255,0,0); background:#7f0000"

"color:rgb(255,0,0); background:rgb(123,234,21)"

"color:rgb(255,0,0); background:rgb(123,234,21)"

"color:rgb(255,0,0); background:rgb(50%,75%,89%)"

"color:rgb(255,0,0); background:rgb(50.4%,75.4%,89.4%)"

"color:rgb(255,0,0); background:rgb(50.8%,75.8%,89.8%)"

Retrieved from "https://en.wikipedia.org/w/index.php?title=User:DePiep/rgb&oldid=1211642933"