Resize color picker -polaris component

The colour picker component in Polaris is taking up too much space. Is there anything I can do to make it small?

Can you give more context on why you feel it is taking up too much space? Have you looked at using ColorPicker in a popover or using ColorField?

Thank you for your response, David!

What I meant is, let’s suppose the colour box in the image is 6px 6px. I want to reduce it to 3px * 3px. Also, for the RAINBOW BOX on the side and the opacity selector box, I want to make them tiny too.

Yes, I tried pop-up, but it looks awful as well.

Any help and suggestions are appreciated.

Thank you.

Is it possible to add an eye-dropper as well?

Thank you!

It’s not supported on Firefox and Safari so unfrotuantely I think it won’t be possible :(. Replicating such functionality would probably make Polaris package way bigger.