[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["很难理解","hardToUnderstand","thumb-down"],["信息或示例代码不正确","incorrectInformationOrSampleCode","thumb-down"],["没有我需要的信息/示例","missingTheInformationSamplesINeed","thumb-down"],["翻译问题","translationIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2025-08-25。"],[],[],null,["# How to color your reports\n\nConsistent and meaningful use of color makes your reports more attractive and easier to understand. You can apply color and style options to a variety of aspects of a report, including static elements, such as page and component backgrounds, text fonts and font colors, chart borders, grids, and more. You can also apply colors to data elements, such as bars and lines, metric and dimension values, pie slices, and geographic regions.\n\nThis page describes the ways that you can work with color in Looker Studio.\n\nThemes\n------\n\nBuilt-in color themes let you quickly create attractive and visually consistent reports. When you apply a theme, it updates the settings for all the static and data elements in the report at once, saving you time and effort.\n\nYou can customize a theme by changing its properties.\n\nLearn more about [themes](/looker/docs/studio/themes).\n\nStyle components individually\n-----------------------------\n\nYou can change color and style settings for individual components:\n\n1. [Edit your report](/looker/docs/studio/edit-a-report).\n2. Select one or more components.\n3. Select the **STYLE** tab.\n4. Change the desired style settings. If you've selected more than one component, you'll see only the settings that are common to all the selected components.\n\nWhen you style an individual component, that component is no longer part of the report theme. If you apply a different theme to the component, it won't inherit the new theme's settings.\n\nColor your data\n---------------\n\nYou can use the following techniques to color the data that appears in charts:\n\n- **Color by the dimension value**. For example, you decide that \"France\" should always represented in blue, no matter where it appears in the chart. The dimension value colors are set by the current report theme, but you can override them by editing the dimension value color map.\n- **Color by the order of the dimension data**. For example, say you want to set the first series in the chart to always be blue. You can set the series colors by editing individual charts.\n- **Use shades of a single color**. For example, you want to color the data series using a single color from your company's logo. This option is most effective when you don't need to show exact differences between values in the chart.\n\nYou can mix different techniques in the same report, depending on your goals and tastes.\n\nLearn more about [data coloring techniques](/looker/docs/studio/color-your-data).\n\nThe color picker\n----------------\n\nUse the color picker to select colors for themes and components. The color picker has three sections:\n\n1. The standard color palette. This is the same for all components in every report.\n2. The **THEME** palette. This will change depending on your current theme.\n3. The **CUSTOM** color palette. Custom colors that you create appear here.\n\n### Access the color picker\n\nTo open the color picker, follow these steps:\n\n1. [Edit your report](/looker/docs/studio/edit-a-report).\n2. Select a component and then open the **STYLE** tab, or customize the current theme.\n3. Click a color option to display the color picker, and then select the color that you want for that option.\n\n### Create custom colors\n\nClick in the **CUSTOM** colors row of the color picker to create a custom color. Click anywhere in the color bars to pick a base color, and then use the sliders to adjust the shade. You can also enter a color hex value to render that color. The current color's hex value can also be used to exactly duplicate a custom color in another component. For example, you can copy a color hex value from one component and paste it into another component's color picker to set it to the same color.\n\n### Color gradients\n\nWhen one color fades into another, the effect is called a gradient. You can use a color gradient in a component's **Background** color property. To set a gradient, follow these steps:\n\n1. Select a component and then click **STYLE**.\n2. Click **Background** .\n3. Click **Gradient.**\n4. Select the boxes at the beginning and end of the gradient bar, and then click the color drop-down menu to set the starting and ending colors for the gradient.\n5. To add more color steps to the gradient, click **Add**.\n6. To remove a color step from the gradient, click **Remove**.\n7. Use the **Type** menu to set the overall appearance of the gradient, either **Linear** or **Radial**.\n8. Use the **Angle** menu to set the direction of flow for the gradient:\n - **Center**\n - **Top left**\n - **Top right**\n - **Bottom left**\n - **Bottom right**"]]