这个图损坏了hhh

Typora 的颜色设置

本文用于自己整理学习,如有不对,不吝赐教

Typora 的颜色设置
目录
前言
字体颜色
字体背景颜色

前言


如果你是没有接触html语法,可以看看下面的说明。(为了更好说明,可能用语不严谨,so, 如果你接触过html语法, 可以跳过,hhh)

<p></p>:表示一个段落标记,在中间写字,会显示一段话。


例如:
<p>hello world!</p>
显示

hello world!


<span></span>:表示一个行内标记,在中间写字,会显示一句话。
<br>:表示换行。
所以 <p></p><span></span> 区别是什么呢?
可以理解为span标记前后各加br标记, 即<br><span></span><br><p></p>的效果是一样的。


例如:


<p>hello world!</p>
<p>hello world!</p>
<p>hello world!</p>

显示

hello world!

hello world!

hello world!


例如:
<span>hello world!</span>
<span>hello world!</span>
<span>hello world!</span>

显示

hello world!hello world!hello world!

名词解释:
style: 样式
color: 字体颜色
font-weight:字体粗细
background-color: 背景颜色

这里举个例子:
<span style="color: darkgreen; font-weight: bolder">深绿</span>
将深绿改为你想要的文字如 “hello”,
<span style="color: darkgreen; font-weight: bolder">hello</span>,这个“hello”字体颜色是深绿色。
显示:

hello

因此,我们只要复制粘贴即可。

这里介绍一下,rgb()
百度一下:

RGB色彩模式是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是运用最广的颜色系统之一。

打开OFFICE WORD, 里面有一个字体颜色, 其他颜色,可以知道rgb(r,g,b)对应参数。
image

字体颜色

加粗

深绿 绿色 浅绿

粉色 红色 暗红色

浅黄色 黄色 橘色

浅蓝色 蓝色 深蓝色 浅天蓝色 天蓝色 深天蓝色

浅灰色 灰色 深灰色

浅紫色 紫色 深紫色

<p>
    <span style="color: darkgreen; font-weight: bolder">深绿</span>
    <span style="color: green; font-weight: bolder">绿色</span>
    <span style="color: lightgreen; font-weight: bolder">浅绿</span>
</p>


<p>
    <span style="color: pink; font-weight: bolder">粉色</span>
    <span style="color: red; font-weight: bolder">红色</span>
    <span style="color: darkred; font-weight: bolder">暗红色</span>
</p>


<p>
    <span style="color: lightyellow; font-weight: bolder">浅黄色</span>
    <span style="color: yellow; font-weight: bolder">黄色</span>
    <span style="color: orange; font-weight: bolder">橘色</span>
</p>


<p>
    <span style="color: lightblue; font-weight: bolder">浅蓝色</span>
    <span style="color: blue; font-weight: bolder">蓝色</span>
    <span style="color: darkblue;  font-weight: bolder">深蓝色</span>
    <span style="color: lightskyblue; font-weight: bolder">浅天蓝色</span>
    <span style="color: skyblue; font-weight: bolder">天蓝色</span>
    <span style="color: deepskyblue; font-weight: bolder">深天蓝色</span>
</p>


<p>
    <span style="color: lightgray; font-weight: bolder">浅灰色</span>
    <span style="color: rgb(128,128,128); font-weight: bolder">灰色</span>
    <span style="color: darkgray; font-weight: bolder">深灰色</span>
</p>


<p>
    <span style="color: mediumpurple; font-weight: bolder">浅紫色</span>
    <span style="color: purple; font-weight: bolder">紫色</span>
    <span style="color: rebeccapurple; font-weight: bolder">深紫色</span>
</p>

不加粗

<p>
    <span style="color: darkgreen;">深绿</span>
    <span style="color: green;">绿色</span>
    <span style="color: lightgreen;">浅绿</span>
</p>


<p>
    <span style="color: pink;">粉色</span>
    <span style="color: red;">红色</span>
    <span style="color: darkred;">暗红色</span>
</p>


<p>
    <span style="color: lightyellow;">浅黄色</span>
    <span style="color: yellow;">黄色</span>
    <span style="color: orange;">橘色</span>
</p>


<p>
    <span style="color: lightblue;">浅蓝色</span>
    <span style="color: blue;">蓝色</span>
    <span style="color: darkblue; ">深蓝色</span>
    <span style="color: lightskyblue;">浅天蓝色</span>
    <span style="color: skyblue;">天蓝色</span>
    <span style="color: deepskyblue;">深天蓝色</span>
</p>


<p>
    <span style="color: lightgray;">浅灰色</span>
    <span style="color: rgb(128,128,128);">灰色</span>
    <span style="color: darkgray;">深灰色</span>
</p>

<p>
    <span style="color: mediumpurple;">浅紫色</span>
    <span style="color: purple;">紫色</span>
    <span style="color: rebeccapurple;" >深紫色</span>
</p>

字体背景颜色

深绿 绿色 浅绿

粉色 红色 暗红色

浅黄色 黄色 橘色

浅蓝色 蓝色 深蓝色 浅天蓝色 天蓝色 深天蓝色

浅灰色 灰色 深灰色

浅紫色 紫色 深紫色

<p>
    <span style="background-color: darkgreen; color:white; ">深绿</span>
    <span style="background-color: green; color:white;">绿色</span>
    <span style="background-color: lightgreen; color:black;">浅绿</span>
</p>

<p>
    <span style="background-color: pink; color:black;">粉色</span>
    <span style="background-color: red; color:white;">红色</span>
    <span style="background-color: darkred; color:white;">暗红色</span>
</p>

<p>
    <span style="background-color: lightyellow; color:black;">浅黄色</span>
    <span style="background-color: yellow; color:black;">黄色</span>
    <span style="background-color: orange; color:black;">橘色</span>
</p>

<p>
    <span style="background-color: lightblue; color:black;">浅蓝色</span>
    <span style="background-color: blue; color:white;">蓝色</span>
    <span style="background-color: darkblue;  color:white;">深蓝色</span>
    <span style="background-color: lightskyblue; color:black;">浅天蓝色</span>
    <span style="background-color: skyblue; color:black;">天蓝色</span>
    <span style="background-color: deepskyblue; color:black;">深天蓝色</span>
</p>

<p>
    <span style="background-color: lightgray; color:black;">浅灰色</span>
    <span style="background-color: rgb(128,128,128); color:white;">灰色</span>
    <span style="background-color: darkgray; color:black;">深灰色</span>
</p>

<p>
    <span style="background-color: mediumpurple; color:white;">浅紫色</span>
    <span style="background-color: purple; color:white;">紫色</span>
    <span style="background-color: rebeccapurple; color:white;" >深紫色</span>
</p>

如果你觉得有用的话,可以给个免费的赞赞吗(●′ω`●)
有什么错误,请在下方评论,让我知道,(ˊᗜˋ)/ᵗᑋᵃᐢᵏ ᵞᵒᵘ*

posted @ 2024-08-24 23:08  cstudy  阅读(707)  评论(0)    收藏  举报