ArtistAssistApp

0

ArtistAssistApp - the web app to paint better with ease. Tools for realistic color mixing based on real paints, tonal value drawing, simplified sketching, and more. Perfect for artists of all level…

Miscellaneous

art
artists
artwork
color-mix

ArtistAssistApp

TypeScript React Ant Design Vite npm

ArtistAssistApp logo

Overview

ArtistAssistApp is a Progressive Web App (PWA) for artists to accurately mix any color from a photo, analyze tonal values, turn a photo into an outline, draw with the grid method, paint with a limited palette, simplify a photo, compare photos pairwise, remove the background from an image, and more.

Try it now at ArtistAssistApp.com

Getting Started

Screenshots

Accurately mix any color from your reference photo using the paints you have

ArtistAssistApp: Color picker

ArtistAssistApp: Color picker

ArtistAssistApp: Color picker

ArtistAssistApp: Color set

Add your favorite color mixtures to the palette

ArtistAssistApp: Palette

ArtistAssistApp: Color swatch

Do a tonal value study

ArtistAssistApp: Tonal values

Reduce the detail on your reference photo

ArtistAssistApp: Simplified (None)

ArtistAssistApp: Simplified (Large)

Turn any photo into an outline and print it

ArtistAssistApp: Outline

Draw a grid over your reference photo

ArtistAssistApp: Grid (Square grid)

ArtistAssistApp: 4x4 grid

ArtistAssistApp: 3x3 grid

Play around with limited color palettes

ArtistAssistApp: Limited palette

ArtistAssistApp: Limited palette

Mix specific colors from specific brands in any proportion

ArtistAssistApp: Color mixing

ArtistAssistApp: Color mixing

ArtistAssistApp: Color mixing

ArtistAssistApp: Spectral reflectance curve

Remove the background from your illustrations

ArtistAssistApp: Background removal

ArtistAssistApp: Background removal

Use pairwise comparison to rank your photos

ArtistAssistApp: Compare photos pairwise

ArtistAssistApp: Compare photos pairwise

ArtistAssistApp: Compare photos pairwise (Rating)

Share your color set with others or between your devices

ArtistAssistApp: Share color set

Install ArtistAssistApp on your device

ArtistAssistApp: Install

Implementation details

ArtistAssistApp does not use artificial intelligence (AI), but rather mathematics.

The web app doesn't depend on any math or color library and includes the implementation of the following:

  • conversion between color models (e.g. sRGB to Oklab),
  • sRGB to spectral reflectance,
  • subtractive color mixing using Kubelka-Munk theory,
  • matrix operations,
  • matrix inversion using LU decomposition,
  • solving a system of linear algebraic equations using forward and backward substitution,
  • the average color of the circular area of the image
  • calculation of color similarity by comparing spectral reflections (Euclidean distance and cosine similarity)
  • vector operations,
  • threshold filter based on perceived lightness (2D Canvas and WebGL),
  • median blur filter using sliding window and histogram (2D Canvas),
  • Kuwahara blur filter (WebGL),
  • Sobel operator for edge detection (2D Canvas and WebGL),
  • median cut for color quantization (2D Canvas and WebGL),
  • adjusting white balance with white patch algorithm (2D Canvas and WebGL),
  • adjusting saturation (2D Canvas and WebGL),
  • invert colors filter (2D Canvas and WebGL),
  • ranking images using pairwise comparison and Elo rating system,
  • and more.

The web app uses Web Workers for parallel processing and Service Workers for offline access.