Design comparison
Solution retrospective
Hello, Frontend Mentor Coding community. I have almost completed this challenge but I have a question, How to use a more appropriate color combination for the first container, and how to add just Hsl color in an easy method?
- All feedback is welcome.
Community feedback
- @Jakub-GryczkaPosted about 1 year ago
Hi,
- For me, on the first container I just applied
background: linear-gradient()
that goes from top to bottom, the same for the circle thing around the primary score. You can check how I solved it in my profile. - I don't really understand the second question. To add HSL, you simply do
hsl(hue, saturation, lightness)
and the color shows up. Also I recommend the coolors website, it really helps with picking colors for your project. Once you have entered the site, clickExplore trening palettes
and paste your color in RGB format and it will show some well-matched colours with the specified.
Hope it helps :D
Marked as helpful0@FSwebdeveloperPosted about 1 year ago@Jakub-Gryczka thank you for your useful suggestion, it really helped me to build that project, but I cannot understand how to easily find HSL color from the Coolors website.
0@Jakub-GryczkaPosted about 1 year ago@FSwebdeveloper Oh, you want to find the colors in HSL. I didn't really dive into it, but simply when you find the color that you like on coolors, copy its hex code and type in Google
rgb color picker
. There should appearcolor selector
from Google and paste the hex code into appropiate prompt and Google will convert it to other color system codes to copy like CMYK, RGB, HSV and HSL. Hope it helps :DMarked as helpful0@FSwebdeveloperPosted about 1 year ago@Jakub-Gryczka thanks for your details information.
0 - For me, on the first container I just applied
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord