Color Picker

I love Bricks color picker. You may try here. https://try.bricksbuilder.io

1 Like

Would there be a possible way to choose a color from anywhere in the page, including a picture?

That would be really handy.

2 Likes

I gues I am not a fan of the fact that you need to click on the edit button in order to paste a color Hex code.
I know it allow you to clik on the code and copy it but I find myself more in the situation where I want to paste the color.

I actually takes 2 cliks, first on the circle with the color, then on the Show details input.

It would be handy to be able to edit the hex value color in the field directly, in this case we can select it copy or paste one and if we need to have a visual input, then we can open the color picker.

So I guess it is an opinion for a step just before the color picker.

@JuGa You can also use a browser color picker extension for that.

I think this shouldn’t be a point @dranzer.
I find this an excellent idea, I also noted it on my list.

Will I use it? I don’t know. Currently I’m using Windows PowerToys for color picking.
But 3rd party tools shouldn’t play a single role when it comes down to core functionality.

1 Like

of course we can @dranzer
(which means it should be a possibility)
but that some extra work

as we are asked for improvement, I thought I should put it out there.
I found myslef often, willing to use the color picker in the page, outside of its borders.

I posted this in another thread as well, but I’ve quite liked the colour picker Bricks has:

It took a while to get used to vs. a standard colour wheel, but I love that you can use one base colour and create a second that is the exact hue/saturation but just a bit lighter.

4 Likes

Hi @JuGa,

You can paste any type of colour code without opening the colour picker.

2 Likes

sorry, I thought I tried without success

that makes total sense that is why I was surprised to not be able to do it
my bad, I am still really new to the tool, so…

sorry you had to waist some time for such an error on my side
and thank you for taking the time

Our new implementation of the Colour Picker is available in 1.2.4.

Next to come will be advanced work on the gradient builder for a more intuitive and speedy experience.

4 Likes

Amazing first impression, great work @Louis.
I’m also looking forward to the gradient builder as well.

Just one thing.
Inside the Themer, the global colors preview is not working.

1 Like

What an insane speed of updates! Current roadmap will be over in no time at this rate. Thank you for the great work @Louis

1 Like

I agree, the new colour picker pretty much has everything. I only have a couple notes while we’re on the topic:

  • in the video it shows an eyedropper, but I don’t see that on mine?
  • it’d be nice to be able to re-arrange global colours

That’s basically it :grinning:

2 Likes

@sunny

  1. Eye Dropper

image

Well that’s interesting. Looks like it might be working in Chrome but not Firefox.

(P.S. The colour palette works, I just disabled it).

Hi @sunny,

Correct.
We decided to go with the EyeDropper API - Web APIs | MDN since other options would add constraints somewhere else…
While the support is somewhat limited, it is a native solution that I find perfect in every way (although non-Chromium users don’t get the benefit).

If you know of an alternative, I’m all ears.

Ah, gotcha :slight_smile:

I’d consider it more as a nice-to-have, so I don’t think it’s a big deal that it doesn’t appear in FF.

Plus Firefox does have an eye dropper built into its dev tools which I use quite frequently.

In Safari, it doesn’t have the eyedropper and is very simple, which I like. I don’t like having to do the math to find the exact alpha value in the 8-digit hex code though, so I wish the alpha slider would show a tooltip of the percentage value. Example: #00000080 for #000 at 50% opacity.

Wow, the new gradient option is quite impressive :exploding_head:
I’m really happy to see a powerful and now complete color picker in Cwicly.

Thanks a lot to the team, that last piece was needed.

5 Likes

Thanks for the kind words, @Marius :slight_smile:

Moving this to done.

2 Likes