All Collections
Free Features
Basic editing
Color selectors in Photoroom
Color selectors in Photoroom

How to use the different color selectors in PhotoRoom

C
Written by Craig Wright
Updated over a week ago

Many of the features in Photoroom allow you to choose a color. There are several different ways to choose a color, including choosing a color from a palette and entering a hex code.


The color settings vary, depending on the type of device you are using. For instructions, select the link for your device:

On iPhone and iPad

In the following video, we add an outline to an object on a layer and then use the color selector to set its color. The same principles apply when using the color selector for other parts of your design.

To use a color selector on iPhone and iPad:

(Video shows Photoroom on iPhone)

  1. Create a new design or edit an existing one and then select an object layer. Turn on the Outline feature. Alternatively, you can use other features that have color settings, such as shadows.

  2. Select Color to reveal the color selector. You now have several ways of choosing a color. We will cover each way in the next steps.

  3. In the From image section, you can choose one of the preset colors. These are colors that Photoroom has detected in your image. Select a color circle to apply that color.

    From image section of color settings. It shows a thumbnail of the image and then a series of circles, each representing a color. There is also an eye dropper icon.

    To choose a different color from your image, select the eye dropper icon. Use it to select a color on your image and then select Confirm.
    ​​

    The eye dropper in use. The image is shown and the cursor is a large circle that shows a zoomed in view of the image's pixels.


    ​

  4. Choose a color from the palette and then use the slider to change the shade.
    ​

    Color palette shows a range of circles, each representing a color. There is a slider for changing the shade of the selected color.


    ​

  5. Select the button that has a hex color code on it, such as #FFFFFF. Enter the code for your preferred color and then select Confirm.
    ​

    Color button for entering hex values for color.


    There are many online resources for finding color codes, including https://htmlcolorcodes.com, https://www.color-hex.com, and https://www.w3schools.com/colors/colors_picker.asp.
    ​

  6. Scroll down and you will find the Texture section. Here, you can choose from any of the textures in the Photoroom library to create different effects, such as grainy textures.
    ​
    ​

    An image of a black coat on a yellow background. The background has a quilted texture effect. Below the image, the Texture section provides a wide range of textures to choose from.


    ​
    ​

  7. Select Advanced. This gives you a larger palette to choose from. You can choose a color from the Grid tab or Spectrum tab. Or select the Sliders tab and use the sliders to set an RGB value or you can enter a hex color value.
    ​

    Advanced colors section. The spectrum tab is selected and it shows a chart of colors


    ​


    ​

    Advanced colors section. The sliders tab is selected and it shows sliders for red green and blue. There is a field for hex codes at the bottom.


    ​

On Android

In the following video, we add an outline to an object on a layer and then use the color selector to set its color. The same principles apply when using the color selector for other parts of your design.

To use a color selector on Android:

(Video shows Photoroom on Android)

  1. Create a new design or edit an existing one and then select an object layer. Turn on the Outline feature. Alternatively, you can use other features that have color settings, such as shadows.

  2. Select Color to reveal the color selector. You now have several ways of choosing a color. We will cover each way in the next steps.

  3. In the From image section, you can choose one of the preset colors. These are colors that Photoroom has detected in your image. Select a color circle to apply that color.

    From image section on android. There are circles for the detected colors. There is also an eye dropper icon.


    To choose a different color from your image, select the eye dropper icon. Use it to select a color on your image and then select Confirm.
    ​

    The image is shown. The cursor is a large circle with a grid that shows the selected color.


    ​

  4. Choose a color from the Palette and then use the slider to change the shade.
    ​

    Color palette section. It shows a series of circles, each representing one color. There is a slider for changing the shade of the selected color.


    ​

  5. Select the button that has a hex color code on it, such as #FFFFFF. Enter the code for your preferred color or select one of the recently used color codes. Select Confirm.
    ​
    There are many online resources for finding color codes, including https://htmlcolorcodes.com, https://www.color-hex.com, and https://www.w3schools.com/colors/colors_picker.asp.

On Web App

In the following video, we add an outline to an object on a layer and then use the color selector to set its color. The same principles apply when using the color selector for other parts of your design.

To use a color selector on the Web App (desktop):

(Video shows Photoroom on Web App)

  1. Create a new design or edit an existing one and then select an object layer. Turn on the Outline feature. Alternatively, you can use other features that have color settings, such as shadows.

  2. Select Color to reveal the color selector. You now have several ways of choosing a color. We will cover each way in the next steps.
    ​

  3. Select a color from the palette. Photoroom shows a small selection of colors by default, but you can view more by selecting the plus icon +.

    Color palette shows 6 colors by default. It also has a spectrum option and a plus icon.


    ​

    color palette is expanded when you select the plus icon. It reveals more colors to choose from.


    ​

  4. To choose a color that is not on the palette, or to change the shade of the color, select the multi-colored circle (spectrum).
    ​

    multi-colored spectrum circle for accessing the advanced color settings.


    Select any shade from the color gradient box. To change the color, use the slider or enter the hex code at the bottom. If you select the arrow icon next to the hex field, you can switch to RGB or HSL color values instead.
    ​

    Advanced color selector. The top part is a gradient for different shades of the selected color. Below that is a slider for changing the color and also a field for entering a hex code. There is an arrow button for switching to RGB or HSL instead of hex.


    ​There are many online resources for finding color codes, including https://htmlcolorcodes.com, https://www.color-hex.com, and https://www.w3schools.com/colors/colors_picker.asp.

Did this answer your question?