UltraEdit

UltraEdit中文网 > 使用技巧 > 学会使用UltraEdit的颜色拾取器编写HTML文件

学会使用UltraEdit的颜色拾取器编写HTML文件

发布时间:2021/09/15

UltraEdit是一款功能强大、覆盖多平台的文本编辑器,它的界面简洁易用,我们可以利用它来处理复杂的软件开发项目,从前端的HTML页面到后端的Java代码或C语言代码,都可以用它作为编辑器进行快速迭代开发。

既然说到HTML,我们都知道HTML中常常需要设置页面背景色或字体颜色,在UltraEdit中提供了颜色拾取器供我们在HTML开发中进行使用,我们来看具体用法。

一、了解颜色拾取器

首先我们点击“编码”菜单,在该菜单的“插入HTML/Markdown标签”栏中,点击插入颜色标签的选项,如插入“HTML背景颜色”,以此打开UltraEdit的“颜色拾取器”。

图1:打开颜色拾取器
图1:打开颜色拾取器

颜色拾取器界面见下图2,该界面主要分为四大部分,左上角是颜色采集器和颜色预览;右上角是保存的颜色模板选项;中间是一些操作设置,如颜色交换、颜色输出保存等等;下方是颜色代码格式的转换。

图2:颜色拾取器界面
图2:颜色拾取器界面

二、使用颜色拾取器

了解了颜色拾取器的界面及功能分布后,下面我们就需要了解每个功能的实际使用方法。UltraEdit内置了一些颜色模板供我们使用,我们只要选择合适的颜色,然后点击右上角关闭按钮即可在HTML代码中应用此颜色。

图3:内置颜色模板
图3:内置颜色模板

除了使用内置的颜色模板,我们还可以自己设置颜色参数后,将该颜色保存为模板之一。设置自己的颜色方式主要有两种,一种是利用UltraEdit的颜色采集器进行颜色采集;另一种是自己填写颜色的具体参数,再通过颜色预览界面进行微调。

我们来看第一种方式,点击图4红框的画笔图标,长按住该图标不放进行拖动,UltraEdit会自动对鼠标拖动到的位置进行颜色采集,我们主要将该图标拖动到要采集的颜色上方就可以了。

图4:拖动以采集颜色
图4:拖动以采集颜色

第二种方式是直接填写颜色参数或代码。填写代码的话,首先我们需要选择填写的颜色格式,分别有:十进制格式、十六进制格式、HTML格式、RGB格式。其中最常用的当属HTML格式了,选好格式后在下方的颜色输入框中输入颜色代码,如“#151515”就完成了。

图5:填写颜色代码
图5:填写颜色代码

如果我们不知道颜色代码的话,也可以通过颜色参数对颜色进行微调,直到调出满意的颜色。

单击颜色预览窗口,打开颜色参数设置界面,如图6,之后就可以通过该界面,点击基本颜色,调整颜色色调、饱和度和亮度参数,调出我们满意的颜色了。

图6:颜色参数设置界面
图6:颜色参数设置界面

以上就是关于使用UltraEdit的颜色采集器功能,收集和新建UltraEdit颜色模板,并以此编写HTML相关样式的具体教程。通过本篇教程,相信大家也能体会到UltraEdit的强大之处,心动不如行动,快去下载它上手试试吧!

作者署名:包纸

标签:UltraEditHTML文件颜色拾取器

读者也访问过这里:
UltraEdit 中文网站
功能强大的文本编辑器
立即购买
QQ 群
官方交流群: 立即加群
400-8765-888 kefu@makeding.com
热门文章
UltraEdit文本编辑器的安装激活与换机教程
UltraEdit是深受编程人士喜爱的代码编辑器之一,简洁干净的工作界面,标配的语法高亮功能,代码折叠等高效编程功能,并且,还支持HTML、PHP和JavaScript等语法,让代码编辑、文档内容处理更加方便。
2021-06-24
UltraEdit入门基础
UltraEdit是一款功能强大的、多平台的文本编辑器,也是多种程序语言的程序编辑器。UltraEdit界面简洁易用(界面与Word相似),图形化的工具栏有助于使用者迅速找到所需的工具。此外,UltraEdit可以处理复杂的软件开发项目,它的灵活性及易于自定义,非常适合程序开发人员和公司企业应用。
2020-12-29
UltraEdit使用技巧之自定义用户界面
UltraEdit在默认的情况下,使用的是Ribbon功能区的页面布局模式。其特点是顶部菜单栏中的选项会以水平的方式,平铺展开在顶部菜单栏中。但对于比较习惯使用工具栏式(竖向菜单)布局模式的用户来说,使用起来会显得不够便捷。那么,是否可以更改UltraEdit的默认布局模式呢?答案是肯定的,除了总体的布局模式外,用户还可以对工具栏、主题等进行更改。
2020-09-18
巧用UltraEdit查找功能实现批量查找(上)
UltraEdit作为一款专业、使用便捷的代码编辑器,提供了多项便于编码人员操作的功能。而其中的查找功能,能帮助用户快速、批量地找到对应的关键词进行编辑处理。其查找功能中,包含了文本查找以及文件查找功能。
2020-09-18
巧用UltraEdit查找功能实现批量查找(下)
在上一节《巧用UltraEdit查找功能实现批量查找(上)》中,小编已经详细介绍了UltraEdit(Windows系统)查找功能中的文本查找。在本文中,小编将会继续介绍查找功能中的文件查找。
2020-09-18
如何在UltraCompare比较模式下编辑文本
虽然UltraCompare提供了方便快捷的自动同步功能,可供用户快速合并文件之间的差异,但对于一些需要谨慎处理的差异,比如一些重要的数据差异等,直接使用自动同步的方式,可能不够严谨。为了更好地处理一些重要的数据差异,用户可以使用UltraCompare文本编辑功能,手动合并差异点,以达到文件同步的效果。
2020-09-18