搜索
首页专题excel如何在Excel和Google表中创建彩色下拉列表

The article shows how to add colors to your data validation lists to make them more visually appealing and user-friendly.

You don't have to be an expert to make a drop-down menu in Excel or Google Sheets. But let's be honest - staring at a long list of values can be pretty boring. If you're looking to add some excitement to your spreadsheets, why not try highlighting a drop-down list with color? Whether you're organizing a list of products, categorizing expenses, or tracking sales data, a colored dropdown will make your data easier to read and understand. In this article, we'll show you how to do just that.

如何在Excel和Google表中创建彩色下拉列表

How to create Excel colored drop down list

If you use Excel for data entry, you've likely used the Data Validation feature to create drop-down lists. But did you know that you can also add colors to these lists? This section will guide you through the steps to colorize your drop-down list for a more eye-catching look.

Step 1. Create drop-down list

To add color to your Excel picklist, you first need to create the list itself. If you're unfamiliar with this process, refer to our separate article on creating a drop-down list that describes all possible methods in detail.

For this example, let's assume you have the source list of items in A3:A10 and you've created a drop-down menu with those items. To do that, simply select the range of cells where you want the dropdown to appear (D3:D12 in our case) and click the Data Validation button on the Data tab. In the Data Validation dialog box that appears, choose List from the Allow drop-down menu and, in the Source field, enter the reference to the range of cells containing your items.

如何在Excel和Google表中创建彩色下拉列表

Once you've created your drop-down list, you can move on to adding colors.

Step 2. Add colors to drop-down menu

To highlight your picklist with some color, we will be using Excel conditional formatting. The steps are:

  1. Select the cell(s) with your drop-down menu.
  2. On the Home tab, in the Styles group, click Conditional Formatting > New Rule… .
  3. In the New Formatting Rule dialog window, choose the Format only cells that contain option.
  4. Choose Specific Text from the first drop-down box and containing from the second drop-down box. In the third box, enter the reference to the cell containing the value that you want to format with a certain color like shown in the screenshot below. Alternatively, you can type the value enclosed in double quotes directly in the box, e.g. "Blue".

    如何在Excel和Google表中创建彩色下拉列表

  5. Click the Format button.
  6. In the Format Cells dialog box, switch to the Fill tab, choose the color you like for that particular item, and click OK.

    如何在Excel和Google表中创建彩色下拉列表

  7. Back in the New Formatting Rule dialog window, review the settings, and if everything looks good, click OK to save the changes.

    如何在Excel和Google表中创建彩色下拉列表

Step 3. Test your colored drop-down list

To test your colored drop down menu, click on the arrow next to the cell. You should see the list of items you entered, with the first item highlighted in the chosen color:

如何在Excel和Google表中创建彩色下拉列表

Repeat the above steps for other selections and you will get a cohesive color scheme that makes it easy to visually distinguish between different selections.

如何在Excel和Google表中创建彩色下拉列表

Tips:

  • If you've chosen dark fill colors for your drop-down list, selecting the white font color will make your options more readable. Similarly, if you've chosen light fill colors, using a dark font color will provide better contrast and readability.
  • Don't be afraid to experiment with different color combinations to find the one that works best for your data!
  • In Excel 365, you can use the brand new IMAGE function to create dropdown with pictures.

How to make Google Sheets drop down list with color

Google Sheets has become a go-to tool for many people. Like its Microsoft Excel counterpart, it offers the ability to create drop-down menus for easier data entry. With the latest version of Google spreadsheets, you no longer need to rely on conditional formatting tricks. Now, you can add colors to your data validation lists directly as you create them!

To create a colored drop-down list in Google Sheets, follow these steps:

  1. Select one or more cells where we want the dropdown list to appear.
  2. From the top toolbar, select Data and click Data validation.

    如何在Excel和Google表中创建彩色下拉列表

  3. On the Data Validation rules pane, click Add rule.

    如何在Excel和Google表中创建彩色下拉列表

  4. In the Criteria drop down menu, pick either the Dropdown or Dropdown from a range option.

    如何在Excel和Google表中创建彩色下拉列表

  5. If you choose Dropdown, type your values in the Option 1 and Option 2 boxes, clicking the Add another item button as needed.

    If you choose Dropdown from a range, type the range reference in the text field or use the Select Data Range button to pick the range. Either way, be sure to use absolute references with the $ sign to lock cell addresses such as e.g. =$D$4:$D$8.

    如何在Excel和Google表中创建彩色下拉列表

  6. Once you've entered your options, it's time to add some color! Simply select the color you want for each item. If you need more tints than shown in the predefined palette, click Customize, and then choose a custom color.

    如何在Excel和Google表中创建彩色下拉列表

  7. When you're finished, click the Done button.

There you have it - a colored drop-down menu that not only looks great, but also helps you organize and analyze your data more effectively.

如何在Excel和Google表中创建彩色下拉列表

How to create color-coded drop down list

In the first part of this tutorial, you learned how to create dropdown with colored text values. But what if you want to create a color-coded dropdown where only colors are visible, without any text values? This section will show you how to achieve that outcome. By selecting the same color for both the fill and font, you can create a monochromatic effect that is ideal for organizing data in a clear and concise way. Let's dive in and learn how to create a color coded dropdown list with hidden text values.

Color coded dropdown list in Excel

To make a color-coded dropdown in Excel worksheets, you set up conditional formatting rule as described in Adding colors to drop-down menu. When choosing the format, switch between the Fill and Font tabs and pick the same color on both.

Choosing the fill color:

如何在Excel和Google表中创建彩色下拉列表

Choosing the font color:

如何在Excel和Google表中创建彩色下拉列表

As a result, you will have a color-coded drop down list where each option is represented by a colored cell. This visual representation can be especially useful for data sets with a large number of categories or where color is a significant factor.

如何在Excel和Google表中创建彩色下拉列表

Color coded dropdown list in Google Sheets

To color code drop down list in Google Sheets, follow these steps. After adding background colors (Step 6), do the following:

  1. Click on the color you've added to a certain item, and then click Customize.

    如何在Excel和Google表中创建彩色下拉列表

  2. On the Background tab, copy the Hex color code:

    如何在Excel和Google表中创建彩色下拉列表

  3. On the Text tab, paste the copied hex code:

    如何在Excel和Google表中创建彩色下拉列表

That's it! After following the steps outlined above, you'll have a color-coded dropdown menu effectively hiding the text values and leaving only the color swatches visible.

如何在Excel和Google表中创建彩色下拉列表

Note. Please remember that the purpose of visual communication is to enhance understanding, and different situations may require different visual cues to achieve that goal. Color codes are useful for representing data where the color is the primary indicator of meaning. However, if you need to provide additional context for each item, using different fill and font colors can be a more effective way to communicate this information visually.

In conclusion, adding color to drop-down lists in Excel and Google Sheets is a great way to enhance the visual appeal of your spreadsheets while also making them more functional and comprehensible. So go ahead and try it out, and see how color can transform your spreadsheets today!

Practice workbook for download

Excel color drop down list (.xlsx file) Google Sheets drop down list with color (online sheet)

以上是如何在Excel和Google表中创建彩色下拉列表的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
Excel中的中位公式 - 实际示例Excel中的中位公式 - 实际示例Apr 11, 2025 pm 12:08 PM

本教程解释了如何使用中位功能计算Excel中数值数据中位数。 中位数是中心趋势的关键度量

Google电子表格Countif函数带有公式示例Google电子表格Countif函数带有公式示例Apr 11, 2025 pm 12:03 PM

Google主张Countif:综合指南 本指南探讨了Google表中的多功能Countif函数,展示了其超出简单单元格计数的应用程序。 我们将介绍从精确和部分比赛到Han的各种情况

Excel共享工作簿:如何为多个用户共享Excel文件Excel共享工作簿:如何为多个用户共享Excel文件Apr 11, 2025 am 11:58 AM

本教程提供了共享Excel工作簿,涵盖各种方法,访问控制和冲突解决方案的综合指南。 现代Excel版本(2010年,2013年,2016年及以后)简化了协作编辑,消除了M的需求

如何将Excel转换为JPG-保存.xls或.xlsx作为图像文件如何将Excel转换为JPG-保存.xls或.xlsx作为图像文件Apr 11, 2025 am 11:31 AM

本教程探讨了将.xls文件转换为.jpg映像的各种方法,包括内置的Windows工具和免费的在线转换器。 需要创建演示文稿,安全共享电子表格数据或设计文档吗?转换哟

excel名称和命名范围:如何定义和使用公式excel名称和命名范围:如何定义和使用公式Apr 11, 2025 am 11:13 AM

本教程阐明了Excel名称的功能,并演示了如何定义单元格,范围,常数或公式的名称。 它还涵盖编辑,过滤和删除定义的名称。 Excel名称虽然非常有用,但通常是泛滥的

标准偏差Excel:功能和公式示例标准偏差Excel:功能和公式示例Apr 11, 2025 am 11:01 AM

本教程阐明了平均值的标准偏差和标准误差之间的区别,指导您掌握标准偏差计算的最佳Excel函数。 在描述性统计中,平均值和标准偏差为interinsi

Excel中的平方根:SQRT功能和其他方式Excel中的平方根:SQRT功能和其他方式Apr 11, 2025 am 10:34 AM

该Excel教程演示了如何计算正方根和n根。 找到平方根是常见的数学操作,Excel提供了几种方法。 计算Excel中正方根的方法: 使用SQRT函数:

Google表基础知识:了解如何使用Google电子表格Google表基础知识:了解如何使用Google电子表格Apr 11, 2025 am 10:23 AM

解锁Google表的力量:初学者指南 本教程介绍了Google Sheets的基础,这是MS Excel的强大而多才多艺的替代品。 了解如何轻松管理电子表格,利用关键功能并协作

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

mPDF

mPDF

mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具