使用颜色名称
你可以通过颜色名称来创建Color实例,但必先通过 colorsea.useName(colorNames)
方法来加载颜色名称的映射关系。 现支持x11
颜色名、中国传统色
、日本传统色
示例1: 基本用法
import colorsea from 'colorsea'
import x11 from 'colorsea/colors/x11'
// 载入X11颜色名
colorsea.useNames(x11)
// 此时你可以直接使用X11颜色名称来创建颜色
colorsea('Aqua') // color: #00ffff
colorsea('Aquamarine') // color: #7fffd4
Aqua: #00ffff
- Aquamarine: #7fffd4
示例2: 同时加载多种类型颜色名
import colorsea from 'colorsea'
import x11 from 'colorsea/colors/x11'
import chinese from 'colorsea/colors/chinese'
// 同时载入x11名称和中国传统色, 可链式操作
colorsea.useNames(x11).useNames(chinese)
colorsea('Beige') // color: #F5F5DC
colorsea('山梗紫') // color: #61649f
Beige: #F5F5DC
- 山梗紫: #61649f
示例3: 为颜色名称添加前缀
加载不同系列的颜色名称时,如果名称关键字有冲突,后加载的会覆盖前加载的。为此,可以统一格式化名称关键字,为关键字添加前缀,免受冲突影响。
colorsea.useNames()
方法的第二个参数可传入一个回调函数,此函数有两个参数key
和value
,对应颜色名称(key)和颜色值(value),其必需返回一个包含处理后的[key,value]
元组
import colorsea from 'colorsea'
import chineseTr from 'colorsea/colors/chineseTr'
import nippon from 'colorsea/colors/nippon'
// 同时载入中国传统色(繁体), 和日本传统色
colorsea
.useNames(chineseTr, (key, value) => [`zh:${key}`, value])
.useNames(nippon, (key, value) => [`np:${key}`, value])
// 调用时需添加前缀
colorsea('zh:潮蓝') // color: #2983bb
colorsea('np:紺青') // color: #113285
潮蓝: #2983bb
- 紺青: #113285
X11颜色
在 X Window System 上,颜色名称在一个简单的文本文件中表示,该文件将某些字符串映射到 RGB 颜色值。 它传统上随每个 X11 安装包一起提供,因此得名。 Web 颜色列表源自它,CSS3 已接纳了绝大部分X11颜色。
// 载入
import colorsea from 'colorsea'
import x11 from 'colorsea/colors/x11'
colorsea.useNames(x11)
// 使用
colorsea('Aqua') // color: #00ffff
下表来自CSS3规范的web“X11颜色”列表
TIP
更多关于X11颜色的介绍可参考:https://en.wikipedia.org/wiki/X11_color_names
下表颜色名关键字来源于: https://www.w3.org/TR/css-color-3/#svg-color
- 颜色名
- Hex
- -
- 颜色名
- Hex
- -
- aliceblue
- #F0F8FF
- antiquewhite
- #FAEBD7
- aqua
- #00FFFF
- aquamarine
- #7FFFD4
- azure
- #F0FFFF
- beige
- #F5F5DC
- bisque
- #FFE4C4
- black
- #000000
- blanchedalmond
- #FFEBCD
- blue
- #0000FF
- blueviolet
- #8A2BE2
- brown
- #A52A2A
- burlywood
- #DEB887
- cadetblue
- #5F9EA0
- chartreuse
- #7FFF00
- chocolate
- #D2691E
- coral
- #FF7F50
- cornflower
- #6495ED
- cornflowerblue
- #6495ED
- cornsilk
- #FFF8DC
- crimson
- #DC143C
- cyan
- #00FFFF
- darkblue
- #00008B
- darkcyan
- #008B8B
- darkgoldenrod
- #B8860B
- darkgray
- #A9A9A9
- darkgreen
- #006400
- darkgrey
- #A9A9A9
- darkkhaki
- #BDB76B
- darkmagenta
- #8B008B
- darkolivegreen
- #556B2F
- darkorange
- #FF8C00
- darkorchid
- #9932CC
- darkred
- #8B0000
- darksalmon
- #E9967A
- darkseagreen
- #8FBC8F
- darkslateblue
- #483D8B
- darkslategray
- #2F4F4F
- darkslategrey
- #2F4F4F
- darkturquoise
- #00CED1
- darkviolet
- #9400D3
- deeppink
- #FF1493
- deepskyblue
- #00BFFF
- dimgray
- #696969
- dimgrey
- #696969
- dodgerblue
- #1E90FF
- firebrick
- #B22222
- floralwhite
- #FFFAF0
- forestgreen
- #228B22
- fuchsia
- #FF00FF
- gainsboro
- #DCDCDC
- ghostwhite
- #F8F8FF
- gold
- #FFD700
- goldenrod
- #DAA520
- gray
- #808080
- green
- #008000
- greenyellow
- #ADFF2F
- grey
- #808080
- honeydew
- #F0FFF0
- hotpink
- #FF69B4
- indianred
- #CD5C5C
- indigo
- #4B0082
- ivory
- #FFFFF0
- khaki
- #F0E68C
- laserlemon
- #FFFF54
- lavender
- #E6E6FA
- lavenderblush
- #FFF0F5
- lawngreen
- #7CFC00
- lemonchiffon
- #FFFACD
- lightblue
- #ADD8E6
- lightcoral
- #F08080
- lightcyan
- #E0FFFF
- lightgoldenrod
- #FAFAD2
- lightgoldenrodyellow
- #FAFAD2
- lightgray
- #D3D3D3
- lightgreen
- #90EE90
- lightgrey
- #D3D3D3
- lightpink
- #FFB6C1
- lightsalmon
- #FFA07A
- lightseagreen
- #20B2AA
- lightskyblue
- #87CEFA
- lightslategray
- #778899
- lightslategrey
- #778899
- lightsteelblue
- #B0C4DE
- lightyellow
- #FFFFE0
- lime
- #00FF00
- limegreen
- #32CD32
- linen
- #FAF0E6
- magenta
- #FF00FF
- maroon
- #800000
- maroon2
- #7F0000
- maroon3
- #B03060
- mediumaquamarine
- #66CDAA
- mediumblue
- #0000CD
- mediumorchid
- #BA55D3
- mediumpurple
- #9370DB
- mediumseagreen
- #3CB371
- mediumslateblue
- #7B68EE
- mediumspringgreen
- #00FA9A
- mediumturquoise
- #48D1CC
- mediumvioletred
- #C71585
- midnightblue
- #191970
- mintcream
- #F5FFFA
- mistyrose
- #FFE4E1
- moccasin
- #FFE4B5
- navajowhite
- #FFDEAD
- navy
- #000080
- oldlace
- #FDF5E6
- olive
- #808000
- olivedrab
- #6B8E23
- orange
- #FFA500
- orangered
- #FF4500
- orchid
- #DA70D6
- palegoldenrod
- #EEE8AA
- palegreen
- #98FB98
- paleturquoise
- #AFEEEE
- palevioletred
- #DB7093
- papayawhip
- #FFEFD5
- peachpuff
- #FFDAB9
- peru
- #CD853F
- pink
- #FFC0CB
- plum
- #DDA0DD
- powderblue
- #B0E0E6
- purple
- #800080
- purple2
- #7F007F
- purple3
- #A020F0
- rebeccapurple
- #663399
- red
- #FF0000
- rosybrown
- #BC8F8F
- royalblue
- #4169E1
- saddlebrown
- #8B4513
- salmon
- #FA8072
- sandybrown
- #F4A460
- seagreen
- #2E8B57
- seashell
- #FFF5EE
- sienna
- #A0522D
- silver
- #C0C0C0
- skyblue
- #87CEEB
- slateblue
- #6A5ACD
- slategray
- #708090
- slategrey
- #708090
- snow
- #FFFAFA
- springgreen
- #00FF7F
- steelblue
- #4682B4
- tan
- #D2B48C
- teal
- #008080
- thistle
- #D8BFD8
- tomato
- #FF6347
- turquoise
- #40E0D0
- violet
- #EE82EE
- wheat
- #F5DEB3
- white
- #FFFFFF
- whitesmoke
- #F5F5F5
- yellow
- #FFFF00
- yellowgreen
- #9ACD32
中国传统色
TIP
中国传统色参考于: http://zhongguose.com/
包含简体中文和繁体中文两个版本,请按需载入
- 简体中文:'colorsea/colors/chinese'
- 繁体中文:'colorsea/colors/chineseTr'
// 载入
import colorsea from 'colorsea'
import chinese from 'colorsea/colors/chinese'
// 繁体中文版本请加载 'colorsea/colors/chineseTr'
// import chineseTr from 'colorsea/colors/chineseTr'
colorsea.useNames(chinese)
// 使用
colorsea('山梗紫') // color: #61649f
- 颜色名
- Hex
- -
- 颜色名
- Hex
- -
- 乳白
- #F9F4DC
- 杏仁黄
- #F7E8AA
- 茉莉黄
- #F8DF72
- 麦秆黄
- #F8DF70
- 油菜花黄
- #FBDA41
- 佛手黄
- #FED71A
- 篾黄
- #F7DE98
- 葵扇黄
- #F8D86A
- 柠檬黄
- #FCD337
- 金瓜黄
- #FCD217
- 藤黄
- #FFD111
- 酪黄
- #F6DEAD
- 香水玫瑰黄
- #F7DA94
- 淡密黄
- #F9D367
- 大豆黄
- #FBCD31
- 素馨黄
- #FCCB16
- 向日葵黄
- #FECC11
- 雅梨黄
- #FBC82F
- 黄连黄
- #FCC515
- 金盏黄
- #FCC307
- 蛋壳黄
- #F8C387
- 肉色
- #F7C173
- 鹅掌黄
- #FBB929
- 鸡蛋黄
- #FBB612
- 鼬黄
- #FCB70A
- 榴萼黄
- #F9A633
- 淡橘橙
- #FBA414
- 枇杷黄
- #FCA106
- 橙皮黄
- #FCA104
- 北瓜黄
- #FC8C23
- 杏黄
- #F28E16
- 雄黄
- #FF9900
- 万寿菊黄
- #FB8B05
- 菊蕾白
- #E9DDB6
- 秋葵黄
- #EED045
- 硫华黄
- #F2CE2B
- 柚黄
- #F1CA17
- 芒果黄
- #DDC871
- 蒿黄
- #DFC243
- 姜黄
- #E2C027
- 香蕉黄
- #E4BF11
- 草黄
- #D2B42C
- 新禾绿
- #D2B116
- 月灰
- #B7AE8F
- 淡灰绿
- #AD9E5F
- 草灰绿
- #8E804B
- 苔绿
- #887322
- 碧螺春绿
- #867018
- 燕羽灰
- #685E48
- 蟹壳灰
- #695E45
- 潭水绿
- #645822
- 橄榄绿
- #5E5314
- 蚌肉白
- #F9F1DB
- 豆汁黄
- #F8E8C1
- 淡茧黄
- #F9D770
- 乳鸭黄
- #FFC90C
- 荔肉白
- #F2E6CE
- 象牙黄
- #F0D695
- 炒米黄
- #F4CE69
- 鹦鹉冠黄
- #F6C430
- 木瓜黄
- #F9C116
- 浅烙黄
- #F9BD10
- 莲子白
- #E5D3AA
- 谷黄
- #E8B004
- 栀子黄
- #EBB10D
- 芥黄
- #D9A40E
- 银鼠灰
- #B5AA90
- 尘灰
- #B6A476
- 枯绿
- #B78D12
- 鲛青
- #87723E
- 粽叶绿
- #876818
- 灰绿
- #8A6913
- 鹤灰
- #4A4035
- 淡松烟
- #4D4030
- 暗海水绿
- #584717
- 棕榈绿
- #5B4913
- 米色
- #F9E9CD
- 淡肉色
- #F8E0B0
- 麦芽糖黄
- #F9D27D
- 琥珀黄
- #FEBA07
- 甘草黄
- #F3BF4C
- 初熟杏黄
- #F8BC31
- 浅驼色
- #E2C17C
- 沙石黄
- #E5B751
- 虎皮黄
- #EAAD1A
- 土黄
- #D6A01D
- 百灵鸟灰
- #B4A992
- 山鸡黄
- #B78B26
- 龟背黄
- #826B48
- 苍黄
- #806332
- 莱阳梨黄
- #815F25
- 蜴蜊绿
- #835E1D
- 松鼠灰
- #4F4032
- 橄榄灰
- #503E2A
- 蟹壳绿
- #513C20
- 古铜绿
- #533C1B
- 焦茶绿
- #553B18
- 粉白
- #FBF2E3
- 落英淡粉
- #F9E8D0
- 瓜瓤粉
- #F9CB8B
- 蜜黄
- #FBB957
- 金叶黄
- #FFA60F
- 金莺黄
- #F4A83A
- 鹿角棕
- #E3BD8D
- 凋叶棕
- #E7A23F
- 玳瑁黄
- #DAA45A
- 软木黄
- #DE9E44
- 风帆黄
- #DC9123
- 桂皮淡棕
- #C09351
- 猴毛灰
- #97846C
- 山鸡褐
- #986524
- 驼色
- #66462A
- 茶褐
- #5D3D21
- 古铜褐
- #5C3719
- 荷花白
- #FBECDE
- 玫瑰粉
- #F8B37F
- 橘橙
- #F97D1C
- 美人焦橙
- #FA7E23
- 润红
- #F7CDBC
- 淡桃红
- #F6CEC1
- 海螺橙
- #F0945D
- 桃红
- #F0ADA0
- 颊红
- #EEAA9C
- 淡罂粟红
- #EEA08C
- 晨曦红
- #EA8958
- 蟹壳红
- #F27635
- 金莲花橙
- #F86B1D
- 草莓红
- #EF6F48
- 龙睛鱼红
- #EF632B
- 蜻蜓红
- #F1441D
- 大红
- #F04B22
- 柿红
- #F2481B
- 榴花红
- #F34718
- 银朱
- #F43E06
- 朱红
- #ED5126
- 鲑鱼红
- #F09C5A
- 金黄
- #F26B1F
- 鹿皮褐
- #D99156
- 醉瓜肉
- #DB8540
- 麂棕
- #DE7622
- 淡银灰
- #C1B2A3
- 淡赭
- #BE7E4A
- 槟榔综
- #C1651A
- 银灰
- #918072
- 海鸥灰
- #9A8878
- 淡咖啡
- #945833
- 岩石棕
- #964D22
- 芒果棕
- #954416
- 石板灰
- #624941
- 珠母灰
- #64483D
- 丁香棕
- #71361D
- 咖啡
- #753117
- 筍皮棕
- #732E12
- 燕颔红
- #FC6315
- 玉粉红
- #E8B49A
- 金驼
- #E46828
- 铁棕
- #D85916
- 蛛网灰
- #B7A091
- 淡可可棕
- #B7511D
- 中红灰
- #8B614D
- 淡土黄
- #8C4B31
- 淡豆沙
- #873D24
- 椰壳棕
- #883A1E
- 淡铁灰
- #5B423A
- 中灰驼
- #603D30
- 淡栗棕
- #673424
- 可可棕
- #652B1C
- 柞叶棕
- #692A1B
- 野蔷薇红
- #FB9968
- 菠萝红
- #FC7930
- 藕荷
- #EDC3AE
- 陶瓷红
- #E16723
- 晓灰
- #D4C4B7
- 余烬红
- #CF7543
- 火砖红
- #CD6227
- 火泥棕
- #AA6A4C
- 绀红
- #A6522C
- 橡树棕
- #773D31
- 海报灰
- #483332
- 玫瑰灰
- #4B2E2B
- 火山棕
- #482522
- 豆沙
- #481E1C
- 淡米粉
- #FBEEE2
- 初桃粉红
- #F6DCCE
- 介壳淡粉红
- #F7CFBA
- 淡藏花红
- #F6AD8F
- 瓜瓤红
- #F68C60
- 芙蓉红
- #F9723D
- 莓酱红
- #FA5D19
- 法螺红
- #EE8055
- 落霞红
- #CF4813
- 淡玫瑰灰
- #B89485
- 蟹蝥红
- #B14B28
- 火岩棕
- #863020
- 赭石
- #862617
- 暗驼棕
- #592620
- 酱棕
- #5A1F1B
- 栗棕
- #5C1E19
- 洋水仙红
- #F4C7BA
- 谷鞘红
- #F17666
- 苹果红
- #F15642
- 铁水红
- #F5391C
- 桂红
- #F25A47
- 极光红
- #F33B1F
- 粉红
- #F2B9B2
- 舌红
- #F19790
- 曲红
- #F05A46
- 红汞红
- #F23E23
- 淡绯
- #F2CAC9
- 无花果红
- #EFAFAD
- 榴子红
- #F1908C
- 胭脂红
- #F03F24
- 合欢红
- #F0A1A8
- 春梅红
- #F1939C
- 香叶红
- #F07C82
- 珊瑚红
- #F04A3A
- 萝卜红
- #F13C22
- 淡茜红
- #E77C8E
- 艳红
- #ED5A65
- 淡菽红
- #ED4845
- 鱼鳃红
- #ED3B2F
- 樱桃红
- #ED3321
- 淡蕊香红
- #EE4866
- 石竹红
- #EE4863
- 草茉莉红
- #EF475D
- 茶花红
- #EE3F4D
- 枸枢红
- #ED3333
- 秋海棠红
- #EC2B24
- 丽春红
- #EB261A
- 夕阳红
- #DE2A18
- 鹤顶红
- #D42517
- 鹅血石红
- #AB372F
- 覆盆子红
- #AC1F18
- 貂紫
- #5D3131
- 暗玉紫
- #5C2223
- 栗紫
- #5A191B
- 葡萄酱紫
- #5A1216
- 牡丹粉红
- #EEA2A4
- 山茶红
- #ED556A
- 海棠红
- #F03752
- 玉红
- #C04851
- 高粱红
- #C02C38
- 满江红
- #A7535A
- 枣红
- #7C1823
- 葡萄紫
- #4C1F24
- 酱紫
- #4D1018
- 淡曙红
- #EE2746
- 唐菖蒲红
- #DE1C31
- 鹅冠红
- #D11A2D
- 莓红
- #C45A65
- 枫叶红
- #C21F30
- 苋菜红
- #A61B29
- 烟红
- #894E54
- 暗紫苑红
- #82202B
- 殷红
- #82111F
- 猪肝紫
- #541E24
- 金鱼紫
- #500A16
- 草珠红
- #F8EBE6
- 淡绛红
- #EC7696
- 品红
- #EF3473
- 凤仙花红
- #EA7293
- 粉团花红
- #EC9BAD
- 夹竹桃红
- #EB507E
- 榲桲红
- #ED2F6A
- 姜红
- #EEB8C3
- 莲瓣红
- #EA517F
- 水红
- #F1C4CD
- 报春红
- #EC8AA4
- 月季红
- #CE5777
- 豇豆红
- #ED9DB2
- 霞光红
- #EF82A0
- 松叶牡丹红
- #EB3C70
- 喜蛋红
- #EC2C64
- 鼠鼻红
- #E3B4B8
- 尖晶玉红
- #CC163A
- 山黎豆红
- #C27C88
- 锦葵红
- #BF3553
- 鼠背灰
- #73575C
- 甘蔗紫
- #621624
- 石竹紫
- #63071C
- 苍蝇灰
- #36282B
- 卵石紫
- #30161C
- 李紫
- #2B1216
- 茄皮紫
- #2D0C13
- 吊钟花红
- #CE5E8A
- 兔眼红
- #EC4E8A
- 紫荆红
- #EE2C79
- 菜头紫
- #951C48
- 鹞冠紫
- #621D34
- 葡萄酒红
- #62102E
- 磨石紫
- #382129
- 檀紫
- #381924
- 火鹅紫
- #33141E
- 墨紫
- #310F1B
- 晶红
- #EEA6B7
- 扁豆花红
- #EF498B
- 白芨红
- #DE7897
- 嫩菱红
- #DE3F7C
- 菠根红
- #D13C74
- 酢酱草红
- #C5708B
- 洋葱紫
- #A8456B
- 海象紫
- #4B1E2F
- 绀紫
- #461629
- 古铜紫
- #440E25
- 石蕊红
- #F0C9CF
- 芍药耕红
- #EBA0B3
- 藏花红
- #EC2D7A
- 初荷红
- #E16C96
- 马鞭草紫
- #EDE3E7
- 丁香淡紫
- #E9D7DF
- 丹紫红
- #D2568C
- 玫瑰红
- #D2357D
- 淡牵牛紫
- #D1C2D3
- 凤信紫
- #C8ADC4
- 萝兰紫
- #C08EAF
- 玫瑰紫
- #BA2F7B
- 藤萝紫
- #8076A3
- 槿紫
- #806D9E
- 蕈紫
- #815C94
- 桔梗紫
- #813C85
- 魏紫
- #7E1671
- 芝兰紫
- #E9CCD3
- 菱锰红
- #D276A3
- 龙须红
- #CC5595
- 蓟粉红
- #E6D2D5
- 电气石红
- #C35691
- 樱草紫
- #C06F98
- 芦穗灰
- #BDAEAD
- 隐红灰
- #B598A1
- 苋菜紫
- #9B1E64
- 芦灰
- #856D72
- 暮云灰
- #4F383E
- 斑鸠灰
- #482936
- 淡藤萝紫
- #F2E7E5
- 淡青紫
- #E0C8D1
- 青蛤壳紫
- #BC84A8
- 豆蔻紫
- #AD6598
- 扁豆紫
- #A35C8F
- 芥花紫
- #983680
- 青莲
- #8B2671
- 芓紫
- #894276
- 葛巾紫
- #7E2065
- 牵牛紫
- #681752
- 紫灰
- #5D3F51
- 龙睛鱼紫
- #4E2A40
- 荸荠紫
- #411C35
- 古鼎灰
- #36292F
- 乌梅紫
- #1E131D
- 深牵牛紫
- #1C0D1A
- 银白
- #F1F0ED
- 芡食白
- #E2E1E4
- 远山紫
- #CCCCD6
- 淡蓝紫
- #A7A8BD
- 山梗紫
- #61649F
- 螺甸紫
- #74759B
- 玛瑙灰
- #CFCCC9
- 野菊紫
- #525288
- 满天星紫
- #2E317C
- 锌灰
- #7A7374
- 野葡萄紫
- #302F4B
- 剑锋紫
- #3E3841
- 龙葵紫
- #322F3B
- 暗龙胆紫
- #22202E
- 晶石紫
- #1F2040
- 暗蓝紫
- #131124
- 景泰蓝
- #2775B6
- 尼罗蓝
- #2474B5
- 远天蓝
- #D0DFE6
- 星蓝
- #93B5CF
- 羽扇豆蓝
- #619AC3
- 花青
- #2376B7
- 睛蓝
- #5698C3
- 虹蓝
- #2177B8
- 湖水蓝
- #B0D5DF
- 秋波蓝
- #8ABCD1
- 涧石蓝
- #66A9C9
- 潮蓝
- #2983BB
- 群青
- #1772B4
- 霁青
- #63BBD0
- 碧青
- #5CB3CC
- 宝石蓝
- #2486B9
- 天蓝
- #1677B3
- 柏林蓝
- #126BAE
- 海青
- #22A2C3
- 钴蓝
- #1A94BC
- 鸢尾蓝
- #158BB8
- 牵牛花蓝
- #1177B0
- 飞燕草蓝
- #0F59A4
- 品蓝
- #2B73AF
- 银鱼白
- #CDD1D3
- 安安蓝
- #3170A7
- 鱼尾灰
- #5E616D
- 鲸鱼灰
- #475164
- 海参灰
- #FFFEFA
- 沙鱼灰
- #35333C
- 钢蓝
- #0F1423
- 云水蓝
- #BACCD9
- 晴山蓝
- #8FB2C9
- 靛青
- #1661AB
- 大理石灰
- #C4CBCF
- 海涛蓝
- #15559A
- 蝶翅蓝
- #4E7CA1
- 海军蓝
- #346C9C
- 水牛灰
- #2F2F35
- 牛角灰
- #2D2E36
- 燕颔蓝
- #131824
- 云峰白
- #D8E3E7
- 井天蓝
- #C3D7DF
- 云山蓝
- #2F90B9
- 釉蓝
- #1781B5
- 鸥蓝
- #C7D2D4
- 搪磁蓝
- #11659A
- 月影白
- #C0C4C3
- 星灰
- #B2BBBE
- 淡蓝灰
- #5E7987
- 鷃蓝
- #144A74
- 嫩灰
- #74787A
- 战舰灰
- #495C69
- 瓦罐灰
- #47484C
- 青灰
- #2B333E
- 鸽蓝
- #1C2938
- 钢青
- #142334
- 暗蓝
- #101F30
- 月白
- #EEF7F2
- 海天蓝
- #C6E6E8
- 清水蓝
- #93D5DC
- 瀑布蓝
- #51C4D3
- 蔚蓝
- #29B7CB
- 孔雀蓝
- #0EB0C9
- 甸子蓝
- #10AEC2
- 石绿
- #57C3C2
- 竹篁绿
- #B9DEC9
- 粉绿
- #83CBAC
- 美蝶绿
- #12AA9C
- 毛绿
- #66C18C
- 蔻梢绿
- #5DBE8A
- 麦苗绿
- #55BB8A
- 蛙绿
- #45B787
- 铜绿
- #2BAE85
- 竹绿
- #1BA784
- 蓝绿
- #12A182
- 穹灰
- #C4D7D6
- 翠蓝
- #1E9EB3
- 胆矾蓝
- #0F95B0
- 樫鸟蓝
- #1491A8
- 闪蓝
- #7CABB1
- 冰山蓝
- #A4ACA7
- 虾壳青
- #869D9D
- 晚波蓝
- #648E93
- 蜻蜓蓝
- #3B818C
- 玉鈫蓝
- #126E82
- 垩灰
- #737C7B
- 夏云灰
- #617172
- 苍蓝
- #134857
- 黄昏灰
- #474B4C
- 灰蓝
- #21373D
- 深灰蓝
- #132C33
- 玉簪绿
- #A4CAB6
- 青矾绿
- #2C9678
- 草原远绿
- #9ABEAF
- 梧枝绿
- #69A794
- 浪花绿
- #92B3A5
- 海王绿
- #248067
- 亚丁绿
- #428675
- 镍灰
- #9FA39A
- 明灰
- #8A988E
- 淡绿灰
- #70887D
- 飞泉绿
- #497568
- 狼烟灰
- #5D655F
- 绿灰
- #314A43
- 苍绿
- #223E36
- 深海绿
- #1A3B32
- 长石灰
- #363433
- 苷蓝绿
- #1F2623
- 莽丛绿
- #141E1B
- 淡翠绿
- #C6DFC8
- 明绿
- #9ECCAB
- 田园绿
- #68B88E
- 翠绿
- #20A162
- 淡绿
- #61AC85
- 葱绿
- #40A070
- 孔雀绿
- #229453
- 艾绿
- #CAD3C3
- 蟾绿
- #3C9566
- 宫殿绿
- #20894D
- 松霜绿
- #83A78D
- 蛋白石绿
- #579572
- 薄荷绿
- #207F4C
- 瓦松绿
- #6E8B74
- 荷叶绿
- #1A6840
- 田螺绿
- #5E665B
- 白屈菜绿
- #485B4D
- 河豚灰
- #393733
- 蒽油绿
- #373834
- 槲寄生绿
- #2B312C
- 云杉绿
- #15231B
- 嫩菊绿
- #F0F5E5
- 艾背绿
- #DFECD5
- 嘉陵水绿
- #ADD5A2
- 玉髓绿
- #41B349
- 鲜绿
- #43B244
- 宝石绿
- #41AE3C
- 海沬绿
- #E2E7BF
- 姚黄
- #D0DEAA
- 橄榄石绿
- #B2CF87
- 水绿
- #8CC269
- 芦苇绿
- #B7D07A
- 槐花黄绿
- #D2D97A
- 苹果绿
- #BACF65
- 芽绿
- #96C24E
- 蝶黄
- #E2D849
- 橄榄黄绿
- #BEC936
- 鹦鹉绿
- #5BAE23
- 油绿
- #253D24
- 象牙白
- #FFFEF8
- 汉白玉
- #F8F4ED
- 雪白
- #FFFEF9
- 鱼肚白
- #F7F4ED
- 珍珠灰
- #E4DFD7
- 浅灰
- #DAD4CB
- 铅灰
- #BBB5AC
- 中灰
- #BBB5AC
- 瓦灰
- #867E76
- 夜灰
- #847C74
- 雁灰
- #80766E
- 深灰
- #81776E
日本传统色 (Nippon colors)
TIP
日本传统色参考于: https://nipponcolors.com/
包含汉字和罗马字两个版本,请按需载入
- 汉字:'colorsea/colors/nippon'
- 罗马字:'colorsea/colors/nipponRm'
// 载入
import colorsea from 'colorsea'
import nippon from 'colorsea/colors/nippon'
// 罗马字版本请加载 'colorsea/colors/nipponRm'
// import nipponRm from 'colorsea/colors/nipponRm'
colorsea.useNames(nippon)
// 使用
colorsea('桑染') // color: #64363C
- 颜色名
- 罗马字
- Hex
- -
- 撫子
- NADESHIKO
- #DC9FB4
- 紅梅
- KOHBAI
- #E16B8C
- 蘇芳
- SUOH
- #8E354A
- 退紅
- TAIKOH
- #F8C3CD
- 一斥染
- IKKONZOME
- #F4A7B9
- 桑染
- KUWAZOME
- #64363C
- 桃
- MOMO
- #F596AA
- 苺
- ICHIGO
- #B5495B
- 薄紅
- USUBENI
- #E87A90
- 今様
- IMAYOH
- #D05A6E
- 中紅
- NAKABENI
- #DB4D6D
- 桜
- SAKURA
- #FEDFE1
- 梅鼠
- UMENEZUMI
- #9E7A7A
- 韓紅花
- KARAKURENAI
- #D0104C
- 燕脂
- ENJI
- #9F353A
- 紅
- KURENAI
- #CB1B45
- 鴇
- TOKI
- #EEA9A9
- 長春
- CYOHSYUN
- #BF6766
- 深緋
- KOKIAKE
- #86473F
- 桜鼠
- SAKURANEZUMI
- #B19693
- 甚三紅
- JINZAMOMI
- #EB7A77
- 小豆
- AZUKI
- #954A45
- 蘇芳香
- SUOHKOH
- #A96360
- 赤紅
- AKABENI
- #CB4042
- 真朱
- SHINSYU
- #AB3B3A
- 灰桜
- HAIZAKURA
- #D7C4BB
- 栗梅
- KURIUME
- #904840
- 海老茶
- EBICHA
- #734338
- 銀朱
- GINSYU
- #C73E3A
- 黒鳶
- KUROTOBI
- #554236
- 紅鳶
- BENITOBI
- #994639
- 曙
- AKEBONO
- #F19483
- 紅樺
- BENIKABA
- #B54434
- 水がき
- MIZUGAKI
- #B9887D
- 珊瑚朱
- SANGOSYU
- #F17C67
- 紅檜皮
- BENIHIWADA
- #884C3A
- 猩猩緋
- SYOJYOHI
- #E83015
- 鉛丹
- ENTAN
- #D75455
- 芝翫茶
- SHIKANCHA
- #B55D4C
- 檜皮
- HIWADA
- #854836
- 柿渋
- KAKISHIBU
- #A35E47
- 緋
- AKE
- #CC543A
- 鳶
- TOBI
- #724832
- 紅緋
- BENIHI
- #F75C2F
- 栗皮茶
- KURIKAWACHA
- #6A4028
- 弁柄
- BENGARA
- #9A5034
- 照柿
- TERIGAKI
- #C46243
- 江戸茶
- EDOCHA
- #AF5F3C
- 洗朱
- ARAISYU
- #FB966E
- 百塩茶
- MOMOSHIOCHA
- #724938
- 唐茶
- KARACHA
- #B47157
- ときがら茶
- TOKIGARACHA
- #DB8E71
- 黄丹
- OHNI
- #F05E1C
- 纁
- SOHI
- #ED784A
- 遠州茶
- ENSYUCHA
- #CA7853
- 樺茶
- KABACHA
- #B35C37
- 焦茶
- KOGECHA
- #563F2E
- 赤香
- AKAKOH
- #E3916E
- 雀茶
- SUZUMECHA
- #8F5A3C
- 宍
- SHISHI
- #F0A986
- 宗伝唐茶
- SODENKARACHA
- #A0674B
- 樺
- KABA
- #C1693C
- 深支子
- KOKIKUCHINASHI
- #FB9966
- 胡桃
- KURUMI
- #947A6D
- 代赭
- TAISYA
- #A36336
- 洗柿
- ARAIGAKI
- #E79460
- 黄櫨染
- KOHROZEN
- #7D532C
- 赤朽葉
- AKAKUCHIBA
- #C78550
- 礪茶
- TONOCHA
- #985F2A
- 赤白橡
- AKASHIROTSURUBAMI
- #E1A679
- 煎茶
- SENCHA
- #855B32
- 萱草
- KANZO
- #FC9F4D
- 洒落柿
- SHAREGAKI
- #FFBA84
- 紅鬱金
- BENIUKON
- #E98B2A
- 梅染
- UMEZOME
- #E9A368
- 枇杷茶
- BIWACHA
- #B17844
- 丁子茶
- CHOJICHA
- #96632E
- 憲法染
- KENPOHZOME
- #43341B
- 琥珀
- KOHAKU
- #CA7A2C
- 薄柿
- USUGAKI
- #ECB88A
- 伽羅
- KYARA
- #78552B
- 丁子染
- CHOJIZOME
- #B07736
- 柴染
- FUSHIZOME
- #967249
- 朽葉
- KUCHIBA
- #E2943B
- 金茶
- KINCHA
- #C7802D
- 狐
- KITSUNE
- #9B6E23
- 煤竹
- SUSUTAKE
- #6E552F
- 薄香
- USUKOH
- #EBB471
- 砥粉
- TONOKO
- #D7B98E
- 銀煤竹
- GINSUSUTAKE
- #82663A
- 黄土
- OHDO
- #B68E55
- 白茶
- SHIRACHA
- #BC9F77
- 媚茶
- KOBICHA
- #876633
- 黄唐茶
- KIGARACHA
- #C18A26
- 山吹
- YAMABUKI
- #FFB11B
- 山吹茶
- YAMABUKICHA
- #D19826
- 櫨染
- HAJIZOME
- #DDA52D
- 桑茶
- KUWACHA
- #C99833
- 玉子
- TAMAGO
- #F9BF45
- 白橡
- SHIROTSURUBAMI
- #DCB879
- 黄橡
- KITSURUBAMI
- #BA9132
- 玉蜀黍
- TAMAMOROKOSHI
- #E8B647
- 花葉
- HANABA
- #F7C242
- 生壁
- NAMAKABE
- #7D6C46
- 鳥の子
- TORINOKO
- #DAC9A6
- 浅黄
- USUKI
- #FAD689
- 黄朽葉
- KIKUCHIBA
- #D9AB42
- 梔子
- KUCHINASHI
- #F6C555
- 籐黄
- TOHOH
- #FFC408
- 鬱金
- UKON
- #EFBB24
- 芥子
- KARASHI
- #CAAD5F
- 肥後煤竹
- HIGOSUSUTAKE
- #8D742A
- 利休白茶
- RIKYUSHIRACHA
- #B4A582
- 灰汁
- AKU
- #877F6C
- 利休茶
- RIKYUCHA
- #897D55
- 路考茶
- ROKOHCHA
- #74673E
- 菜種油
- NATANEYU
- #A28C37
- 鶯茶
- UGUISUCHA
- #6C6024
- 黄海松茶
- KIMIRUCHA
- #867835
- 海松茶
- MIRUCHA
- #62592C
- 刈安
- KARIYASU
- #E9CD4C
- 菜の花
- NANOHANA
- #F7D94C
- 黄蘗
- KIHADA
- #FBE251
- 蒸栗
- MUSHIKURI
- #D9CD90
- 青朽葉
- AOKUCHIBA
- #ADA142
- 女郎花
- OMINAESHI
- #DDD23B
- 鶸茶
- HIWACHA
- #A5A051
- 鶸
- HIWA
- #BEC23F
- 鶯
- UGUISU
- #6C6A2D
- 柳茶
- YANAGICHA
- #939650
- 苔
- KOKE
- #838A2D
- 麹塵
- KIKUJIN
- #B1B479
- 璃寛茶
- RIKANCHA
- #616138
- 藍媚茶
- AIKOBICHA
- #4B4E2A
- 海松
- MIRU
- #5B622E
- 千歳茶
- SENSAICHA
- #4D5139
- 梅幸茶
- BAIKOCHA
- #89916B
- 鶸萌黄
- HIWAMOEGI
- #90B44B
- 柳染
- YANAGIZOME
- #91AD70
- 裏柳
- URAYANAGI
- #B5CAA0
- 岩井茶
- IWAICHA
- #646A58
- 萌黄
- MOEGI
- #7BA23F
- 苗
- NAE
- #86C166
- 柳煤竹
- YANAGISUSUTAKE
- #4A593D
- 松葉
- MATSUBA
- #42602D
- 青丹
- AONI
- #516E41
- 薄青
- USUAO
- #91B493
- 柳鼠
- YANAGINEZUMI
- #808F7C
- 常磐
- TOKIWA
- #1B813E
- 若竹
- WAKATAKE
- #5DAC81
- 千歳緑
- CHITOSEMIDORI
- #36563C
- 緑
- MIDORI
- #227D51
- 白緑
- BYAKUROKU
- #A8D8B9
- 老竹
- OITAKE
- #6A8372
- 木賊
- TOKUSA
- #2D6D4B
- 御納戸茶
- ONANDOCHA
- #465D4C
- 緑青
- ROKUSYOH
- #24936E
- 錆青磁
- SABISEIJI
- #86A697
- 青竹
- AOTAKE
- #00896C
- ビロード
- VELUDO
- #096148
- 虫襖
- MUSHIAO
- #20604F
- 藍海松茶
- AIMIRUCHA
- #0F4C3A
- 沈香茶
- TONOCHA2
- #4F726C
- 青緑
- AOMIDORI
- #00AA90
- 青磁
- SEIJI
- #69B0AC
- 鉄
- TETSU
- #26453D
- 水浅葱
- MIZUASAGI
- #66BAB7
- 青碧
- SEIHEKI
- #268785
- 錆鉄御納戸
- SABITETSUONANDO
- #405B55
- 高麗納戸
- KORAINANDO
- #305A56
- 白群
- BYAKUGUN
- #78C2C4
- 御召茶
- OMESHICHA
- #376B6D
- 瓶覗
- KAMENOZOKI
- #A5DEE4
- 深川鼠
- FUKAGAWANEZUMI
- #77969A
- 錆浅葱
- SABIASAGI
- #6699A1
- 水
- MIZU
- #81C7D4
- 浅葱
- ASAGI
- #33A6B8
- 御納戸
- ONANDO
- #0C4842
- 藍
- AI
- #0D5661
- 新橋
- SHINBASHI
- #0089A7
- 錆御納戸
- SABIONANDO
- #336774
- 鉄御納戸
- TETSUONANDO
- #255359
- 花浅葱
- HANAASAGI
- #1E88A8
- 藍鼠
- AINEZUMI
- #566C73
- 舛花
- MASUHANA
- #577C8A
- 空
- SORA
- #58B2DC
- 熨斗目花
- NOSHIMEHANA
- #2B5F75
- 千草
- CHIGUSA
- #3A8FB7
- 御召御納戸
- OMESHIONANDO
- #2E5C6E
- 縹
- HANADA
- #006284
- 勿忘草
- WASURENAGUSA
- #7DB9DE
- 群青
- GUNJYO
- #51A8DD
- 露草
- TSUYUKUSA
- #2EA9DF
- 黒橡
- KUROTSURUBAMI
- #0B1013
- 紺
- KON
- #0F2540
- 褐
- KACHI
- #08192D
- 瑠璃
- RURI
- #005CAF
- 瑠璃紺
- RURIKON
- #0B346E
- 紅碧
- BENIMIDORI
- #7B90D2
- 藤鼠
- FUJINEZUMI
- #6E75A4
- 鉄紺
- TETSUKON
- #261E47
- 紺青
- KONJYO
- #113285
- 紅掛花
- BENIKAKEHANA
- #4E4F97
- 紺桔梗
- KONKIKYO
- #211E55
- 藤
- FUJI
- #8B81C3
- 二藍
- FUTAAI
- #70649A
- 楝
- OUCHI
- #9B90C2
- 藤紫
- FUJIMURASAKI
- #8A6BBE
- 桔梗
- KIKYO
- #6A4C9C
- 紫苑
- SHION
- #8F77B5
- 滅紫
- MESSHI
- #533D5B
- 薄
- USU
- #B28FCE
- 半
- HASHITA
- #986DB2
- 江戸紫
- EDOMURASAKI
- #77428D
- 紫紺
- SHIKON
- #3C2F41
- 深紫
- KOKIMURASAKI
- #4A225D
- 菫
- SUMIRE
- #66327C
- 紫
- MURASAKI
- #592C63
- 菖蒲
- AYAME
- #6F3381
- 藤煤竹
- FUJISUSUTAKE
- #574C57
- 紅藤
- BENIFUJI
- #B481BB
- 黒紅
- KUROBENI
- #3F2B36
- 茄子紺
- NASUKON
- #572A3F
- 葡萄鼠
- BUDOHNEZUMI
- #5E3D50
- 鳩羽鼠
- HATOBANEZUMI
- #72636E
- 杜若
- KAKITSUBATA
- #622954
- 蒲葡
- EBIZOME
- #6D2E5B
- 牡丹
- BOTAN
- #C1328E
- 梅紫
- UMEMURASAKI
- #A8497A
- 似紫
- NISEMURASAKI
- #562E37
- 躑躅
- TSUTSUJI
- #E03C8A
- 紫鳶
- MURASAKITOBI
- #60373E
- 白練
- SHIRONERI
- #FCFAF2
- 胡粉
- GOFUN
- #FFFFFB
- 白鼠
- SHIRONEZUMI
- #BDC0BA
- 銀鼠
- GINNEZUMI
- #91989F
- 鉛
- NAMARI
- #787878
- 灰
- HAI
- #828282
- 素鼠
- SUNEZUMI
- #787D7B
- 利休鼠
- RIKYUNEZUMI
- #707C74
- 鈍
- NIBI
- #656765
- 青鈍
- AONIBI
- #535953
- 溝鼠
- DOBUNEZUMI
- #4F4F48
- 紅消鼠
- BENIKESHINEZUMI
- #52433D
- 藍墨茶
- AISUMICHA
- #373C38
- 檳榔子染
- BINROJIZOME
- #3A3226
- 消炭
- KESHIZUMI
- #434343
- 墨
- SUMI
- #1C1C1C
- 黒
- KURO
- #080808
- 呂
- RO
- #0C0C0C
自定义颜色名
除了使用以上预设的颜色名外,你也可以自定义颜色名称,具体可参考以下示例
import colorsea from 'colorsea'
// 定义一个对象,以`key: value`的形式存放`颜色名: 颜色值`的关系。
const myColorNames = {
supperred: '#ff3333',
almond: '#f7e8aa',
milky: '#f9f4dc'
}
// 加载刚才自定义的颜色名
colorsea.useNames(myColorName)
// 使用
colorsea('milky') // color #f9f4dc
注意
自定义颜色名时,其所有颜色名称的key都必需为小写。使用时,不区分大小写