Color Picker: Change the Hue to change the picker's color, then to change saturation, move across the x-axis on the color picker, and move on the y axis for the brightness. Pen: Just click on the white to draw. Eraser: Click on the eraser to... erase, then click on it again or change colors to go back to the pen. Eyedropper: Click the eyedropper, then hold on the color to pick it. Hold space, then click to cancel the holding of the eyedropper. Other sliders: Just move them to change the size or the opacity of the pen. Hex #: Click on the # to set the pen to any hex value, if you don't want to use the color picker. If you don't quite understand hex value then I will try to explain. In hexadecimal, the base 16 number system, there are 16 hex digits being 0 to 9 and A to F, where A to F is 10 to 15. For example, the number B is equal to 11. The number 123, it can be represented as 100 x 1 + 10 x 2 + 3. However for hexadecimal, instead of powers of 10, we deal with powers of 16. The number 123 from hexadecimal is equal to 256 x 1 + 16 x 2 + 3 which is equal to 291. On electronic devices, there are 16777216 (16^6) different types of colors that can be displayed, so each color, with three red, green, and blue parts are made of 6 hex digits. Red, green, and blue are used because you can combine red, green, and/or blue light to make different colors (yellow light for example is red+green). Each rgb parts are made of 2 hex digits. The color orange is made of a full red part, and a half green part, but no blue, so it is represented as the hexadecimal number FF8000 (FF|80|00), where FF = 255, 80 = 128, and 00 = 0. The left 2 hex digits is red, the middle 2 is green and the right 2 is blue. Here are 15 colors for reference: Red: #FF0000 Vermillion (Red-Orange): #FF4000 Orange: #FF8000 Amber (Yellow-Orange): #FFC000 Chartreuse (Yellow-Green): #80FF00 Green: #00FF00 Cyan (Blue-Green): #00FFFF Blue: #0000FF Yellow: #FFFF00 Indigo (Blue-Purple/Violet): #4000FF Purple/Violet: #8000FF Magenta (Red-Purple/Violet): #FF00FF Black: #000000 White: #FFFFFF Gray/Grey: #808080
Credit to @griffpatch for the eyedropper system, credit to @PVC-Scratch-Team for the eyedropper design, and credit to @Toxic_Pepper for the RGB to HSV converter for the eyedropper. Update: Fixed bug where you can draw near the color display In Future Updates: * Undo and Redo Actions * Fill Action * Save and Load Pictures * Other color input options (like CMY(K), RYB, etc.)
