'VSCode Not showing ColorPicker

i searched that VSCode have built-in ColorPicker from this Link

But i'm trying to learn code igniter with vscode and there's nothing like that. How to enable it ? i tried to enable editor.colorDecorators:true but its doesn't change anything.

vscode



Solution 1:[1]

When I had that same problem it was because I had "editor.hover.enabled": false, in my VS Code settings and setting it to true got the color picker working.

Solution 2:[2]

try:

body {
    background-color: rgb(255,255,255)
}

then hover over 'rgb'

edit:

I've just noticed it also works for #fff, but you need to lose the quotes

Solution 3:[3]

Go to settings, the small cog in the bottom left of the screen.

enter image description here

Type in 'hover' into the settings search bar and make sure 'Editor>Hover:Enabled' is checked

enter image description here

Now when you hover a color, the color picker should appear

If you are not seeing the color box, check CSS is selected as the language in the bottom right, if it is not, click on it and select CSS.

enter image description here

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Bluebird45
Solution 2 paul
Solution 3