Typora 的颜色设置

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

前言

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

:表示一个段落标记，在中间写字，会显示一段话。

例如：
hello world!
显示

hello world!

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

例如：


<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: 背景颜色

这里举个例子：
深绿
将深绿改为你想要的文字如 “hello”，
hello，这个“hello”字体颜色是深绿色。
显示：

hello

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

这里介绍一下，rgb()
百度一下：

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

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

字体颜色

加粗

深绿绿色浅绿

粉色红色暗红色

浅黄色黄色橘色

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

浅灰色灰色深灰色

浅紫色紫色深紫色

<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>

字体背景颜色