Shapes

I learned a thing or two about colour and basic forms. But what do combinations of different shapes of different sizes look like?

Two shapes

What do two shapes of the same colour look like? That's the question I’m researching here.

On each page there are 100 of these shapes. You can scroll down to see them all

  1. A circle and a rectangle

    A circle and a rectangle of random size, position, and colour on a random background

  2. A rectangle and a circle, different colours

    A triangle and a circle of random size, random position, and different random colours on a random background

  3. A rectangle and a circle, different colours

    The same as the previous one, but this time the z-index of the shapes is different

  4. A triangle and a rectangle

    A triangle and a rectangle of random size, position, and colour on a random background

  5. A triangle and a rectangle, different colours

    A triangle and a rectangle of random size, random position, and different random colours on a random background

  6. A triangle and a rectangle, different colours

    The same as the previous one, but this time the z-index of the shapes is different

  7. A triangle and a circle

    A triangle and a circle of random size, position, and colour on a random background

  8. A triangle and a circle, different colours

    A triangle and a circle of random size, random position, and different random colours on a random background

  9. A triangle and a circle, different colours

    The same as the previous one, but this time the z-index of the shapes is different

  10. A circle and a rectangle, one of which forms negative space

    A circle and a rectangle of random size, position, and colour on a random background

  11. A triangle and a rectangle, one of which forms negative space

    A triangle and a rectangle of random size, position, and colour on a random background

  12. A triangle and a circle, one of which forms negative space

    A triangle and a circle of random size, position, and colour on a random background

  13. A rectangle with an overlap

    A rectangle with a random colour overlapping the background, with a blend mode of difference

  14. A rectangle with an overlap, animated

    A rectangle with a random animated colour, overlapping the animated background, with a blend mode of difference

  15. A rectangle with an overlap, animated

    A rectangle with a random animated colour, overlapping the animated background, with a blend mode of exclusion

  16. A rectangle with an overlap, animated

    A rectangle with a random animated colour, overlapping the animated background, with a blend mode of multiply

  17. A rectangle with an overlap, animated

    A rectangle with a random animated colour, overlapping the animated background, with a blend mode of overlay

  18. A rectangle with an overlap, animated

    A rectangle with a random animated colour, overlapping the animated background, with a blend mode of screen

  19. A rectangle with an overlap, animated

    A rectangle with a random animated colour, overlapping the animated background, with a blend mode of color-dodge

  20. A rectangle with an overlap, animated

    A rectangle with a random animated colour, overlapping the animated background, with a blend mode of color-burn

  21. A rectangle with an overlap, animated

    A rectangle with a random animated colour, overlapping the animated background, with a blend mode of hard-light

  22. A rectangle with an overlap, animated

    A rectangle with a random animated colour, overlapping the animated background, with a blend mode of soft-light

  23. A rectangle with an overlap, animated

    A rectangle with a random animated colour, overlapping the animated background, with a blend mode of hue

  24. A rectangle with an overlap, animated

    A rectangle with a random animated colour, overlapping the animated background, with a blend mode of saturation

  25. A rectangle with an overlap, animated

    A rectangle with a random animated colour, overlapping the animated background, with a blend mode of color

  26. A rectangle with an overlap, animated

    A rectangle with a random animated colour, overlapping the animated background, with a blend mode of luminosity