22

I was wondering if there is a option or plugin, which allows us on hover to preview either a CSS color or image, something like this:

enter image description here

And also if you hover over an img src - preview the img... ?

Rubens Mariuzzo
  • 28,358
  • 27
  • 121
  • 148
Kaloyan Kosev
  • 12,483
  • 8
  • 59
  • 90

2 Answers2

23

Try "Quick Color Picker for Notepad++". You double-click on the hex color and a color-picker pops up as well as a preview. Another cool thing is that it provides a few more colors that match the "theme" if you will.

Here is the link Quick Color Picker

SIDE NOTE: There used to be a feature or plugin, until very recently, that actually highlighted the text of the hex code with its color. It came out of nowhere after an N++ update and then it disappeared after another one. Can't figure out how to enable it again.

TT--
  • 2,956
  • 1
  • 27
  • 46
SeaBass
  • 464
  • 6
  • 13
  • 1
    I found that other tool right after I posed this answer, haha. It's Notepad # ("sharp"). As I said, the hex code will be highlight in its color. You can go to the link below or download it directly from the Plugin Manager withing N++. [Link to Notepad#](https://github.com/jvdanilo/NotepadSharp) – SeaBass Sep 20 '13 at 15:26
  • for clarity: (without any click) the _preview is the hex value underlined with the color_ – TT-- Feb 12 '18 at 00:17
  • @SeaBass the link is dead – Ooker Jun 05 '21 at 10:39
  • First link works for me. Takes me to https://github.com/nulled666/nppqcp – SeaBass Jun 07 '21 at 14:40
  • Updated link for Notepad# https://github.com/Lomeli12/Notepad-Sharp – SeaBass Jun 07 '21 at 14:41
  • both plugins doesn't have the dll file so that they cannot be import to Notepad++. [How to install a Notepad++ plugin offline?](https://stackoverflow.com/q/40015350/3416774) – Ooker Sep 22 '21 at 09:45
  • @Ooker if I'm not mistaken, you should be able to compile your own from their code. If we're allowed to upload DLLs here I can give you my copy of NppQCP – SeaBass Sep 23 '21 at 23:26
  • I think it's fine. You can upload it to the plugin's repo too – Ooker Sep 24 '21 at 02:58
  • Couldn't figure it out. Here's a dropbox link for the DDL. https://www.dropbox.com/sh/neta9iuzx7zpfzg/AABkwb5OWw4W_HqtCnFSYorXa?dl=0 – SeaBass Sep 30 '21 at 14:22
0

HTML color is the closest thing I have seen when it comes to color preview. With it installed you select the color code and click a button to show the preview. From the preview you can change the color by a few clicks. It can also be used to insert new color codes.

Image preview I have never seen.

ellak
  • 2,531
  • 20
  • 26