# How to make a color parameter
**URL:** https://forum.makecode.com/t/how-to-make-a-color-parameter/42709
**Category:** Help
**Created:** [March 15, 2026, 9:20pm UTC](https://forum.makecode.com/t/how-to-make-a-color-parameter/42709 "2026-03-15T21:20:33Z")
**Posts on this page:** 13
**Page:** 1
### Author:  [@YamJam](https://forum.makecode.com/u/YamJam)
#### Post date: [March 15, 2026, 9:20pm UTC](https://forum.makecode.com/t/how-to-make-a-color-parameter/42709/1 "2026-03-15T21:20:33Z")
Some people might know that im getting into creating extensions, and I want to know how I can add a color parameter. Like this:
---
### Author:  [@AlexK](https://forum.makecode.com/u/AlexK)
#### Post date: [March 15, 2026, 11:49pm UTC](https://forum.makecode.com/t/how-to-make-a-color-parameter/42709/2 "2026-03-15T23:49:37Z")
```javascript
//% color.shadow="colorNumberPicker"
export function showColor(color: number) {
}
```
For more color options in Blocks:
[https://makecode.com/playground#field-editors-color](https://makecode.com/playground#field-editors-color)
---
### Author:  [@BLADEr](https://forum.makecode.com/u/BLADEr)
#### Post date: [March 16, 2026, 1:04am UTC](https://forum.makecode.com/t/how-to-make-a-color-parameter/42709/3 "2026-03-16T01:04:07Z")
I would definitely check out the [arcade blocks playground](https://makecode.com/playground) site! It has a bunch of examples on making custom blocks for extensions.
the color parameter is //% color.shadow=“colorindexpicker”
```
//% block="change screen $color"
//% color.shadow="colorindexpicker"
export function change(color: number) {
scene.setBackgroundColor(color)
}
```
---
### Author:  [@YamJam](https://forum.makecode.com/u/YamJam)
#### Post date: [March 16, 2026, 2:17am UTC](https://forum.makecode.com/t/how-to-make-a-color-parameter/42709/4 "2026-03-16T02:17:34Z")
@BLADEr and @AlexK, I tried these but none of them worked, it still has me input a number ☹ Maybe it’s because I’m trying to use multiple parameters?
see this:
# [My first time trying to make an extension](https://forum.makecode.com/t/my-first-time-trying-to-make-an-extension/42697)
---
### Author:  [@AlexK](https://forum.makecode.com/u/AlexK)
#### Post date: [March 16, 2026, 2:20am UTC](https://forum.makecode.com/t/how-to-make-a-color-parameter/42709/5 "2026-03-16T02:20:00Z")
Are you creating new releases every time you make a change? How are you testing your extension?
---
### Author:  [@YamJam](https://forum.makecode.com/u/YamJam)
#### Post date: [March 16, 2026, 4:10pm UTC](https://forum.makecode.com/t/how-to-make-a-color-parameter/42709/6 "2026-03-16T16:10:32Z")
I just change the part of the block into the code that you showed me, then I simply go into blocks and see if the block looks the way I want.
---
### Author:  [@YamJam](https://forum.makecode.com/u/YamJam)
#### Post date: [March 16, 2026, 4:10pm UTC](https://forum.makecode.com/t/how-to-make-a-color-parameter/42709/7 "2026-03-16T16:10:59Z")
_without_ releasing new extension updates, in fact, I haven’t made a new release since the first broken/useless version!
---
### Author:  [@NeverStopTheCoder](https://forum.makecode.com/u/NeverStopTheCoder)
#### Post date: [March 16, 2026, 4:14pm UTC](https://forum.makecode.com/t/how-to-make-a-color-parameter/42709/8 "2026-03-16T16:14:45Z")
does this help
//% color.shadow=“colorindexpicker”
export function name of your block(color: number): void {
}
This is what it would look like
It would look like this in the blocks
Or you can try
//% color.shadow=“colorNumberPicker”
For
Or
//% color.shadow=“colorWheelPicker”
For
Or
//% color.shadow=“colorWheelHsvPicker”
For
---
### Author:  [@YamJam](https://forum.makecode.com/u/YamJam)
#### Post date: [March 17, 2026, 1:27am UTC](https://forum.makecode.com/t/how-to-make-a-color-parameter/42709/9 "2026-03-17T01:27:49Z")
It works but I need it to show up four times, each choosing the color of a different sprite the block creates.
---
### Author:  [@NeverStopTheCoder](https://forum.makecode.com/u/NeverStopTheCoder)
#### Post date: [March 17, 2026, 10:12pm UTC](https://forum.makecode.com/t/how-to-make-a-color-parameter/42709/10 "2026-03-17T22:12:38Z")
like this
//% color.shadow=“colorindexpicker”
//% color2.shadow=“colorindexpicker”
//% color3.shadow=“colorindexpicker”
export function name of your block(color: number,color2: number,color3: number): void {
}
---
### Author:  [@YamJam](https://forum.makecode.com/u/YamJam)
#### Post date: [March 17, 2026, 10:27pm UTC](https://forum.makecode.com/t/how-to-make-a-color-parameter/42709/11 "2026-03-17T22:27:16Z")
Ohhhhhhhh thanks, I’ll test it out. I thought you HAD to do color.shadow… and that the parameter HAD to be just plain “color”.
---
### Author:  [@NeverStopTheCoder](https://forum.makecode.com/u/NeverStopTheCoder)
#### Post date: [March 18, 2026, 4:26am UTC](https://forum.makecode.com/t/how-to-make-a-color-parameter/42709/12 "2026-03-18T04:26:19Z")
well not the parameter can be anything like
//% hotdog.shadow=“colorindexpicker”
//% paper.shadow=“colorindexpicker”
//% YamJam.shadow=“colorindexpicker”
export function name of your block(hotdog: number,paper: number,YamJam: number): void {
}
---
### Author:  [@YamJam](https://forum.makecode.com/u/YamJam)
#### Post date: [March 19, 2026, 12:37am UTC](https://forum.makecode.com/t/how-to-make-a-color-parameter/42709/13 "2026-03-19T00:37:20Z")
Well, I found that out from your post earlier!