How to pick a color for pasting it in HTML code

Ideas for improvements and requests for new features in XnView Classic

Moderators: XnTriq, helmut, xnview

Post Reply
User avatar
Talker
Posts: 3
Joined: Fri Aug 21, 2015 5:05 pm

How to pick a color for pasting it in HTML code

Post by Talker »

Hi!

Is there an easy way to pic a color and copy it to the Clipboard for pasting it in HTML code? Just like the "Copy Color Hex Code" in Photoshop.

In XnView I've found "View / Display Color Information" but I don't know how to copy an HTML color code to the Clipboard.
User avatar
XnTriq
Moderator & Librarian
Posts: 6336
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: How to pic a color for pasting it in HTML code

Post by XnTriq »

User avatar
xnview
Author of XnView
Posts: 43328
Joined: Mon Oct 13, 2003 7:31 am
Location: France
Contact:

Re: How to pic a color for pasting it in HTML code

Post by xnview »

so copy the current shown color from 'Display Color Information' in clipboard?
Pierre.
User avatar
XnTriq
Moderator & Librarian
Posts: 6336
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: How to pic a color for pasting it in HTML code

Post by XnTriq »

xnview wrote:so copy the current shown color from 'Display Color Information' in clipboard?
Yes :-)
  1. Option for Hex (#ffffff) vs. RGB (rgb(255,255,255)) format
  2. Preview in tooltip
Corel Photo-Paint
Corel Photo-Paint
p131303_1.png (377 Bytes) Viewed 5485 times
Attachments
Jasc Paint Shop Pro
Jasc Paint Shop Pro
User avatar
xnview
Author of XnView
Posts: 43328
Joined: Mon Oct 13, 2003 7:31 am
Location: France
Contact:

Re: How to pic a color for pasting it in HTML code

Post by xnview »

XnTriq wrote:
xnview wrote:so copy the current shown color from 'Display Color Information' in clipboard?
Yes :-)
So how to copy it? A left click?
Pierre.
User avatar
XnTriq
Moderator & Librarian
Posts: 6336
Joined: Sun Sep 25, 2005 3:00 am
Location: Ref Desk

Re: How to pic a color for pasting it in HTML code

Post by XnTriq »

xnview wrote:So how to copy it? A left click?
Left and right mouse buttons (without modifier key) are already used for Make selection or Move picture in XnView (ToolsOptions...Keyboard/MouseMouse).
Disabling Make selection and Move picture when Display Colour Information is active would cause problems with the following INI tweak, I guess:
XnView Wiki (UI-less Settings → [url=http://www.xnview.com/wiki/index.php/UI-less_Settings#View]View[/url] → ColorInfo) wrote:Changes the behavior of the color information tool.
  • 0 Show only for the currently viewed image.
    1 Show also for the previous¦next file to view.
    2 Show between sessions.
Value: Integer, default value is 0
Many image editors allow the user to constrain the selection ratio to 1:1 (square/circle vs. rectangle/ellipse) with Shift+LMB. In Phototshop, Shift+Alt+LMB centers the selection around the point where you first clicked (in addition to constraining the selection to a square or circle). Ctrl+LMB and Alt+LMB are often used for adding or subtracting to a selection.
I'm fully aware that XnView isn't meant to be an editor, but in case Pierre decides to expand the cropping functionality, these modifier keys should still be available, IMO.

So, how about Ctrl+RMB?
User avatar
blablaalb
Posts: 9
Joined: Wed Feb 10, 2021 9:59 am

Re: How to pic a color for pasting it in HTML code

Post by blablaalb »

xnview wrote: Wed Apr 12, 2017 2:16 pm
XnTriq wrote:
xnview wrote:so copy the current shown color from 'Display Color Information' in clipboard?
Yes :-)
So how to copy it? A left click?
I'm sorry for awakening an old thread, but I just wanted to reconfirm that such functionality could come very handy for various people, web designers and developers in particular.
Image this pop-up box isn't very helpful to be honest, as it's not possible to copy the values. As an option, you could consider freezing the pop-up box after cursor is hovering above it, so the user could copy the values. Or could go even further and add a more sophisticated pop-up window with zoomed-in pixels under the cursor, color pallete, color code in rgb and hex format etc. Something similar to this Image.
Just a suggestion from a long time user :mrgreen:
User avatar
helmut
Posts: 8705
Joined: Sun Oct 12, 2003 6:47 pm
Location: Frankfurt, Germany

Re: How to pic a color for pasting it in HTML code

Post by helmut »

The colour picker (View >> Show colour information) has been introduced a long time a go. From my point of view there is little real use of the way it works as it is because it doesn't support a standard use case.

I guess most people will activate "Show colour information" in order to get to know a specific colour value of the image and then want to exit that mode and use the colour information in some way (e.g. insert it in HTML editor, a document, or similar). ATM, this use case isn't supported well and I wonder how this could be improved.

Perhaps the current, pretty special behaviour of "Show colour information" could become more standard with setting like this:
Show colour information 01.png
Show colour information 01.png (7.81 KiB) Viewed 2254 times
These above setting would allow for supporting both existing behaviour and introducing a new, more common behaviour which is starting a temporary colour pick mode and exit this mode as soon as you click with the mouse. By default, the new behaviour should be supported because it supports better the standard use case.

Just my 2cents... ...more ideas and comments are welcome...
Post Reply