Preview value color RGB, HEX, HSL.

[PeterJones]

@peterjones said in Preview value color RGB, HEX, HSL.:

My ColorizeHtmlCssColors script isn’t picking up on the ones in the style tags

Actually, it was, but Notepad++'s lexer coloring for being an attribute was overriding my scripts indicator. If I switch to normal text (so no lexer is active), it shows the color even inside the attribute:

I am working on updating my script: it now allows #AARRGGBB as well. Eventually, as I find time, I might also add in the rgb(_,_,_) syntax as well, but I’ve got a meeting in a few minutes, so not right away.

[PeterJones]

@michael-vincent said in Preview value color RGB, HEX, HSL.:

It does now …

I did confirm:

So it’s working better than my script again, since it works even with a lexer active, and accepts other endings. :-)

[PeterJones]

Updated the github copy of the script again…

Using dash rather than foreground. allow rgb(##,##,##) to work

[Catrin Brooks]

Good script!

[Rob DF]

Hi guys,
Notepad++ v 8.7.5 does not show the colors on the bottom of the code i.e. the small yellow line under #FF0000 with QCP 2.1.2.1.
Is it normal?

[xomx]

@Rob-DF

Try to disable the DirectWrite mode (uncheck N++ menu Settings > Preferences… > MISC. > “Use DirectWrite” checkbox).

[AutoMV Protection]

@PeterJones Hi, I managed to complete your code so that all color formats work. If you want, I can send you the code.!

[tauniaxd]

@AutoMV-Protection Hi! Not OP, but I would love the code if you’re still willing to share!

[PeterJones]

@tauniaxd said in Preview value color RGB, HEX, HSL.:

@AutoMV-Protection Hi! Not OP, but I would love the code if you’re still willing to share!

What feature are you missing from the already-existing tools:

With the QuickColorPicker plugin from @Michael-Vincent’s github, https://github.com/vinsworldcom/nppQCP/releases, if you have Settings > Preferences > MISC with rendering mode set to GDI (most compatible) (which, in January 2025 was done with unchecking the older version of that option, ☐ Use DirectWrite, which was the syntax mentioned by @xomx above), the plugin will underline all but the #12345678 eight-character #-based RGB:

I still recommend using the plugin, not a script.

If you want a script, the on-demand version of my published script from 2022, as linked in my Jan 20, 2022 post, does the 6-digit #123456 notation and 8-digit #12345678 notation and the rgb(1,2,3) notation. And would take only a few lines of code difference to include the the rgba notation as well.

[PeterJones]

@tauniaxd ,

I have added the ability to do rgba(0,127,127,0.05)-type colors to the on-demand script at
https://github.com/pryrt/nppStuff/blob/main/pythonScripts/nppCommunity/21xxx/21044-ColorizeHtmlCssColors.py

If you prefer full underline, then change lines 24 and 26 of the script to use INDICATORSTYLE.PLAIN instead of INDICATORSTYLE.DASH