MKTouch Color Picker

Canvas and Color Picker

100%

Left-click drag to pan the image, mouse wheel to zoom, click to pick color; touchscreen: one-finger pan, two-finger zoom; Shift+drag to select a small image region (right-click drag to move the selection); ⌘+drag to set range (⌘+right-click drag to move the selection); ⌘/Ctrl+V to paste clipboard image

Magnifier
coordinates: --
color: 0x------
RGB: --
10x
point colorlist(0 points)
#      coordinates    Color Value

Point the mouse at the image, then tap or press 0 to pick a color, press M Move all points in the point color list

Selection Records
Type left, top, right, bottom
Shift Box 0, 0, 0, 0
Meta Box 0, 0, 0, 0

Right-click Drag can move the red box,Meta/Ctrl+Right-click Drag can move the black box

Point Color Records(0/5 points)
#      coordinates    Color Value

Point the mouse at the image and press a number key 1-5 to set the corresponding point color record

Code Templates

Image Code Templates
Template 1
Edit Template
Template 2
Edit Template
Template 3
Edit Template
Template 4
Edit Template
Template 5
Edit Template
Template Variable Reference
Variable Description
$pointInitList Original Point List
$pointList Relative Point List
$xMin Minimum X Coordinate
$yMin Minimum Y Coordinate
$xMax Maximum X Coordinate
$yMax Maximum Y Coordinate
$xFirst Start X Coordinate
$yFirst Start Y Coordinate
$point[n].x X Coordinate of Point n
$point[n].y Y Coordinate of Point n
$point[n].c Color Value of Point n
$recordInitList Point Color RecordsOriginal Point List
$recordList Point Color RecordsRelative Point List
$record[n].x X coordinate of point n in point color records
$record[n].y Y coordinate of point n in point color records
$record[n].c Color value of point n in point color records
$shiftRect.left shiftRect left boundary coordinate
$shiftRect.top shiftRect top boundary coordinate
$shiftRect.right shiftRect right boundary coordinate
$shiftRect.bottom shiftRect bottom boundary coordinate
$shiftRectImgData shiftRect hex image data
$metaRect.left metaRect left boundary coordinate
$metaRect.top metaRect top boundary coordinate
$metaRect.right metaRect right boundary coordinate
$metaRect.bottom metaRect bottom boundary coordinate
$metaRectImgData metaRect hex image data

Settings