Screen color picker

This utility picks a color from the current screen and displays the color picked in RGB, HEX format

Easy to use, instant access through the notification tray. how to use?

Download : make sure to view requirements before running this application
Screen color picker v1.5.2 (28 KB)
Screen color picker v1.5 (27 KB)
Screen color picker v1.0 (16 KB)


Version 1.5.2 (17-10-2016):
    - Improved positioning of the color picker when moving mouse around.
    - Killed some tiny bugs.


Version 1.5 (17-10-2016):
    - Copy color to clipboard option added.
    - Added interface to select behaviour and clipboard copy format. what is this?
    - Live and Safe mode added. what is this?


Version 1.0 (16-10-2016):
    - Display colors in RGB and HEX format.
    - Slightly magnified view of contents around mouse so it becomes easier to select.
    - Realtime picking of colors. Color picked is always what is displayed in the screen even if it       changes after you press the icon.
    - Interface to select different color after picking the color from the screen.


How to use?
    Just click on the icon  in the notification tray, hover over your color you want to pick and click there!

1. Click on the icon in the system tray. A small window appears showing you a slightly magnified view of region around the mouse












2. Hover your mouse over the color you want to select and then click it. The following window will be displayed.











3. Click on the selected color to change it or select another nearer color if needed.
















Options interface:

Right click on the system tray icon and select Options.











The interface has options to show the "Picked Color" window after the color is picked or just "Copy to clipboard" option.

Which format will be copied to the clipboard? The interface has option for it as well.












Pick mode:

This color picker houses two modes of operation : Live pick, Safe pick











Safe Pick:
    Picks color from the screen by containing mouse clicks and hover. This mode does not allow you to interact with the desktop and active applications until you pick a color.

This is the default and most required mode to pick a color, Unless you want to pick a color when the mouse interacts with certain elements on the screen. For this the Live Pick allows you to pick colors without blocking mouse events.

Live Pick:
    Picks color from the screen and does not block mouse events from occuring. Mouse hover and click functionality on the desktop and all active applications is allowed.

Usage scenario: You want the color of a button when it is hovered over or clicked

Note: Mouse clicks will trigger the actual functions and screen color picker would NOT block them from happening.

Requirements:
  1. Works only on Widnows OS (7 and above). [may work on XP too, but not tested]
  2. Requires atleast .NET framework 4.0 to work, Win 8 and above comes preinstalled with .NET framework
    • To install .NET framework. Click here and download the latest version.

Comments

Post a Comment

Popular posts from this blog

Windows style buttons CSS

Image
Windows style buttons with hover and click effect purely in CSS. Windows Classic, WindowsXP and Windows 7 buttons See the Pen Windows Buttons by Jones Vinoth Joseph ( @jo_Geek ) on CodePen .
Keep reading

Pure CSS responsive Navbar

Image
This is another element of web page, which normally requires some script. This is somewhat related to my last post " Pure CSS Collpasible Accordion ", where I used a 'radio button' to manipulate the collpase and expanding of panels. Same thing here, this time its a 'checkbox' and a 'label' which collapses and expands the navbar when screen size less than 600. Note: Refer to the previous post to see how 'radio button' and 'label' work together. A big nav [Desktop View] A collapsed nav [Mobile view] Full HTML + CSS code
Keep reading

Pure CSS Collpasible Accordion

Image
HTML accordion control made purely out of css. No JS !! Any accordion would definitely need some JS function The following accordion uses input type="radio" and the ' :checked + div ' CSS selector to collapse and expand content. Example selector: input[type="radio"]:checked + div{     /*expand this*/     height:200px; } The collapse code input[type="radio"]:not(:checked) + div{     /*collapse this*/     height:0px; } How does it work? The title of each collapsible is a label which has the attribute for="collapsible-1" to trigger the radio button collapsible-1 . Clicking the label checks the corresponding radio button. The div following the radio button is expanded as per the CSS code shown above [this collapses the rest of the div s automatically because its a radio button group, selecting one un-selects the other radio by default]. A radio button is added say collapse-all which...
Keep reading