Color sampling board
Sample the center of each flat rectangle with your screen color picker. The values below describe the CSS colors; this is a practice target, not a monitor calibration test.
One color, two notations
Solid: #234F3F, rgb(35, 79, 63)
Transparency changes the visible result
The same green at 50% opacity over white. Channel arithmetic predicts rgb(145, 167, 159), #91A79F.
A gradient has no single screen color
Left end: #234F3F. Right end: #E6B85C. Interior positions blend the endpoints. Sample the flat solid rectangle to check a known value first.
Sample away from text and edges: anti-aliased boundaries contain blended pixels. A screen sample does not recover the original object's opacity or source color from a flattened image.
Original HowCurio practice material. You may use and adapt it. No personal data is collected or sent by this page.