Cake's Studio


This is a random project I made. Lol you do nothing but select BGCOLOR (Background color) and see what they look like.

Navigation :

BGCOLOR

Type a color name, hex, rgb etc. below to change the background color of this webpage.

Examples :
Name : RED
Hex : #2aff00
RGB : rgb(0, 0, 255)
Radial-Gradient (Circle At Top Left) :
red, green, blue
Radial-Gradient (Circle At Top Right) :
black, blue, green

Color Name Radial Gradient Position

URL Params

Name Type
color String
radialgradientposition String
hideui Boolean
color :
The colour to be displayed when the website loads.
Example :
• ?color=red
• Woohoo
• ?color=red, green, blue
• Woohoo


radialgradientpositon :
The position of the radial gradient which is to be displayed when the website loads. This will work only if the color param has more than one color.
Example :
• ?radialgradientposition=circle at top left
• Example Of Circle At Top Left
• ?radialgradientposition=circle at bottom right
• Example Of Circle At Bottom Right


hideui :
Customize whether all website elements will be hidden when the website gets loaded. Use this to see what the webpage will look like with the colors you want.
Example :
• ?hideui=true
•

How To Use URL Params?


https://website.com?firstparam=value&second=value...
Cyan = First param with it's value
Green = Second param with it's value
... = You can add more params. They can go in any order. The rule is that the first param starts with ?
and the remaining params (i.e. second, third, fourth and so on...) will start with &

Example :
These are hyperlinks :
Single URL Param

https://cakeorpastry.netlify.app/bgcolor?color=red Double URL Param

https://cakeorpastry.netlify.app/bgcolor?color=red&hideui=true

URI Component


Encode URI Component Result

Decode URI Component Result