Colgrid

Are you sure you want to start a new grid?

Select A Grid Save (*.json)

Background Colour

Select A Background Colour

Colgrid by Mifuyne

v. 0.0.1-alpha

A grid-based colour mixing webapp. Currently powered by Reactjs and Bulma.

Credits

Icons

All icons sourced from SVG Repo. The icons are a part of the Variety Duotone Filled Icons collection, by Mary Akveo

Links to specific icons

New Grid: https://www.svgrepo.com/svg/465014/file-new
Save Grid: https://www.svgrepo.com/svg/466126/save
Load Grid: https://www.svgrepo.com/svg/465091/folder-alt
Export Palette: https://www.svgrepo.com/svg/464910/export-2
Change Background: https://www.svgrepo.com/svg/465762/paint-roller-2
About: https://www.svgrepo.com/svg/465309/information-circle
Help: https://www.svgrepo.com/svg/465958/question

Technologies

Javascript
- Reactjs (via vite)
- use-debouncy
- react-colorful
- markdown-to-jsx
Bulma (CSS)

Repositories

Codeberg
Gitlab
Github

License

Help

Video Guide

FAQ

Q: How do I get the hex codes for the new colours?

A: Click on the cell of choice and you should see the hex code in the text input.

Feature Breakdown

Generating colours

Clear a cell of a colour

Menu

New Grid

Save Grid

Load Grid

Export Palette

Change Background Colour and Resetting the Background Colour