RGB颜色代码转换
利民吧
频道
收藏
保存到桌面
首页
中国传统色
颜色名称对照
HTML颜色名
扁平颜色表
Material颜色表
网页安全色
色彩搭配
渐变色
Minecraft颜色代码
Bukkit颜色代码
Roblox颜色代码
转换
支持输入16进制，rgb，hsl。正确格式，如十六进制:ff0000，rgb(255,0,0)，hsl(0,100%,50%)。注意不能有空格！
扁平化设计颜色表
扁平化设计或平面用户界面色彩在今天的网页设计中相当流行，使用大胆、明亮的颜色来创造清晰简洁的界面。
Pomegranate系
#f9ebea
rgb(249, 235, 234)
hsl(6, 54%, 95%)
#f2d7d5
rgb(242, 215, 213)
hsl(6, 54%, 89%)
#e6b0aa
rgb(230, 176, 170)
hsl(6, 54%, 78%)
#d98880
rgb(217, 136, 128)
hsl(6, 54%, 68%)
#cd6155
rgb(205, 97, 85)
hsl(6, 54%, 57%)
#c0392b
rgb(192, 57, 43)
hsl(6, 63%, 46%)
#a93226
rgb(169, 50, 38)
hsl(6, 63%, 41%)
#922b21
rgb(146, 43, 33)
hsl(6, 63%, 35%)
#7b241c
rgb(123, 36, 28)
hsl(6, 63%, 29%)
#641e16
rgb(100, 30, 22)
hsl(6, 63%, 24%)
Alizarin系
#fdedec
rgb(253, 237, 236)
hsl(6, 78%, 96%)
#fadbd8
rgb(250, 219, 216)
hsl(6, 78%, 91%)
#f5b7b1
rgb(245, 183, 177)
hsl(6, 78%, 83%)
#f1948a
rgb(241, 148, 138)
hsl(6, 78%, 74%)
#ec7063
rgb(236, 112, 99)
hsl(6, 78%, 66%)
#e74c3c
rgb(231, 76, 60)
hsl(6, 78%, 57%)
#cb4335
rgb(203, 67, 53)
hsl(6, 59%, 50%)
#b03a2e
rgb(176, 58, 46)
hsl(6, 59%, 43%)
#943126
rgb(148, 49, 38)
hsl(6, 59%, 37%)
#78281f
rgb(120, 40, 31)
hsl(6, 59%, 30%)
Amethyst系
#f5eef8
rgb(245, 238, 248)
hsl(283, 39%, 95%)
#ebdef0
rgb(235, 222, 240)
hsl(283, 39%, 91%)
#d7bde2
rgb(215, 189, 226)
hsl(283, 39%, 81%)
#c39bd3
rgb(195, 155, 211)
hsl(283, 39%, 72%)
#af7ac5
rgb(175, 122, 197)
hsl(283, 39%, 63%)
#9b59b6
rgb(155, 89, 182)
hsl(283, 39%, 53%)
#884ea0
rgb(136, 78, 160)
hsl(283, 34%, 47%)
#76448a
rgb(118, 68, 138)
hsl(283, 34%, 40%)
#633974
rgb(99, 57, 116)
hsl(283, 34%, 34%)
#512e5f
rgb(81, 46, 95)
hsl(283, 34%, 28%)
Wisteria系
#f4ecf7
rgb(244, 236, 247)
hsl(282, 39%, 95%)
#e8daef
rgb(232, 218, 239)
hsl(282, 39%, 89%)
#d2b4de
rgb(210, 180, 222)
hsl(282, 39%, 79%)
#bb8fce
rgb(187, 143, 206)
hsl(282, 39%, 68%)
#a569bd
rgb(165, 105, 189)
hsl(282, 39%, 58%)
#8e44ad
rgb(142, 68, 173)
hsl(282, 44%, 47%)
#7d3c98
rgb(125, 60, 152)
hsl(282, 44%, 42%)
#6c3483
rgb(108, 52, 131)
hsl(282, 44%, 36%)
#5b2c6f
rgb(91, 44, 111)
hsl(282, 44%, 30%)
#4a235a
rgb(74, 35, 90)
hsl(282, 44%, 25%)
Belize hole系
#eaf2f8
rgb(234, 242, 248)
hsl(204, 51%, 94%)
#d4e6f1
rgb(212, 230, 241)
hsl(204, 51%, 89%)
#a9cce3
rgb(169, 204, 227)
hsl(204, 51%, 78%)
#7fb3d5
rgb(127, 179, 213)
hsl(204, 51%, 67%)
#5499c7
rgb(84, 153, 199)
hsl(204, 51%, 55%)
#2980b9
rgb(41, 128, 185)
hsl(204, 64%, 44%)
#2471a3
rgb(36, 113, 163)
hsl(204, 64%, 39%)
#1f618d
rgb(31, 97, 141)
hsl(204, 64%, 34%)
#1a5276
rgb(26, 82, 118)
hsl(204, 64%, 28%)
#154360
rgb(21, 67, 96)
hsl(204, 64%, 23%)
Peter river系
#ebf5fb
rgb(235, 245, 251)
hsl(204, 70%, 95%)
#d6eaf8
rgb(214, 234, 248)
hsl(204, 70%, 91%)
#aed6f1
rgb(174, 214, 241)
hsl(204, 70%, 81%)
#85c1e9
rgb(133, 193, 233)
hsl(204, 70%, 72%)
#5dade2
rgb(93, 173, 226)
hsl(204, 70%, 63%)
#3498db
rgb(52, 152, 219)
hsl(204, 70%, 53%)
#2e86c1
rgb(46, 134, 193)
hsl(204, 62%, 47%)
#2874a6
rgb(40, 116, 166)
hsl(204, 62%, 40%)
#21618c
rgb(33, 97, 140)
hsl(204, 62%, 34%)
#1b4f72
rgb(27, 79, 114)
hsl(204, 62%, 28%)
Turquoise系
#e8f8f5
rgb(232, 248, 245)
hsl(168, 55%, 94%)
#d1f2eb
rgb(209, 242, 235)
hsl(168, 55%, 88%)
#a3e4d7
rgb(163, 228, 215)
hsl(168, 55%, 77%)
#76d7c4
rgb(118, 215, 196)
hsl(168, 55%, 65%)
#48c9b0
rgb(72, 201, 176)
hsl(168, 55%, 54%)
#1abc9c
rgb(26, 188, 156)
hsl(168, 76%, 42%)
#17a589
rgb(23, 165, 137)
hsl(168, 76%, 37%)
#148f77
rgb(20, 143, 119)
hsl(168, 76%, 32%)
#117864
rgb(17, 120, 100)
hsl(168, 76%, 27%)
#0e6251
rgb(14, 98, 81)
hsl(168, 76%, 22%)
Green sea系
#e8f6f3
rgb(232, 246, 243)
hsl(168, 42%, 94%)
#d0ece7
rgb(208, 236, 231)
hsl(168, 42%, 87%)
#a2d9ce
rgb(162, 217, 206)
hsl(168, 42%, 74%)
#73c6b6
rgb(115, 198, 182)
hsl(168, 42%, 61%)
#45b39d
rgb(69, 179, 157)
hsl(168, 45%, 49%)
#16a085
rgb(22, 160, 133)
hsl(168, 76%, 36%)
#138d75
rgb(19, 141, 117)
hsl(168, 76%, 31%)
#117a65
rgb(17, 122, 101)
hsl(168, 76%, 27%)
#0e6655
rgb(14, 102, 85)
hsl(168, 76%, 23%)
#0b5345
rgb(11, 83, 69)
hsl(168, 76%, 19%)
Nephritis系
#e9f7ef
rgb(233, 247, 239)
hsl(145, 45%, 94%)
#d4efdf
rgb(212, 239, 223)
hsl(145, 45%, 88%)
#a9dfbf
rgb(169, 223, 191)
hsl(145, 45%, 77%)
#7dcea0
rgb(125, 206, 160)
hsl(145, 45%, 65%)
#52be80
rgb(82, 190, 128)
hsl(145, 45%, 53%)
#27ae60
rgb(39, 174, 96)
hsl(145, 63%, 42%)
#229954
rgb(34, 153, 84)
hsl(145, 63%, 37%)
#1e8449
rgb(30, 132, 73)
hsl(145, 63%, 32%)
#196f3d
rgb(25, 111, 61)
hsl(145, 63%, 27%)
#145a32
rgb(20, 90, 50)
hsl(145, 63%, 22%)
Emerald系
#eafaf1
rgb(234, 250, 241)
hsl(145, 61%, 95%)
#d5f5e3
rgb(213, 245, 227)
hsl(145, 61%, 90%)
#abebc6
rgb(171, 235, 198)
hsl(145, 61%, 80%)
#82e0aa
rgb(130, 224, 170)
hsl(145, 61%, 69%)
#58d68d
rgb(88, 214, 141)
hsl(145, 61%, 59%)
#2ecc71
rgb(46, 204, 113)
hsl(145, 63%, 49%)
#28b463
rgb(40, 180, 99)
hsl(145, 63%, 43%)
#239b56
rgb(35, 155, 86)
hsl(145, 63%, 37%)
#1d8348
rgb(29, 131, 72)
hsl(145, 63%, 31%)
#186a3b
rgb(24, 106, 59)
hsl(145, 63%, 25%)
Sunflower系
#fef9e7
rgb(254, 249, 231)
hsl(48, 89%, 95%)
#fcf3cf
rgb(252, 243, 207)
hsl(48, 89%, 90%)
#f9e79f
rgb(249, 231, 159)
hsl(48, 89%, 80%)
#f7dc6f
rgb(247, 220, 111)
hsl(48, 89%, 70%)
#f4d03f
rgb(244, 208, 63)
hsl(48, 89%, 60%)
#f1c40f
rgb(241, 196, 15)
hsl(48, 89%, 50%)
#d4ac0d
rgb(212, 172, 13)
hsl(48, 88%, 44%)
#b7950b
rgb(183, 149, 11)
hsl(48, 88%, 38%)
#9a7d0a
rgb(154, 125, 10)
hsl(48, 88%, 32%)
#7d6608
rgb(125, 102, 8)
hsl(48, 88%, 26%)
Orange系
#fef5e7
rgb(254, 245, 231)
hsl(37, 90%, 95%)
#fdebd0
rgb(253, 235, 208)
hsl(37, 90%, 90%)
#fad7a0
rgb(250, 215, 160)
hsl(37, 90%, 80%)
#f8c471
rgb(248, 196, 113)
hsl(37, 90%, 71%)
#f5b041
rgb(245, 176, 65)
hsl(37, 90%, 61%)
#f39c12
rgb(243, 156, 18)
hsl(37, 90%, 51%)
#d68910
rgb(214, 137, 16)
hsl(37, 86%, 45%)
#b9770e
rgb(185, 119, 14)
hsl(37, 86%, 39%)
#9c640c
rgb(156, 100, 12)
hsl(37, 86%, 33%)
#7e5109
rgb(126, 81, 9)
hsl(37, 86%, 27%)
Carrot系
#fdf2e9
rgb(253, 242, 233)
hsl(28, 80%, 95%)
#fae5d3
rgb(250, 229, 211)
hsl(28, 80%, 90%)
#f5cba7
rgb(245, 203, 167)
hsl(28, 80%, 81%)
#f0b27a
rgb(240, 178, 122)
hsl(28, 80%, 71%)
#eb984e
rgb(235, 152, 78)
hsl(28, 80%, 61%)
#e67e22
rgb(230, 126, 34)
hsl(28, 80%, 52%)
#ca6f1e
rgb(202, 111, 30)
hsl(28, 74%, 46%)
#af601a
rgb(175, 96, 26)
hsl(28, 74%, 39%)
#935116
rgb(147, 81, 22)
hsl(28, 74%, 33%)
#784212
rgb(120, 66, 18)
hsl(28, 74%, 27%)
Pumpkin系
#fbeee6
rgb(251, 238, 230)
hsl(24, 71%, 94%)
#f6ddcc
rgb(246, 221, 204)
hsl(24, 71%, 88%)
#edbb99
rgb(237, 187, 153)
hsl(24, 71%, 77%)
#e59866
rgb(229, 152, 102)
hsl(24, 71%, 65%)
#dc7633
rgb(220, 118, 51)
hsl(24, 71%, 53%)
#d35400
rgb(211, 84, 0)
hsl(24, 100%, 41%)
#ba4a00
rgb(186, 74, 0)
hsl(24, 100%, 36%)
#a04000
rgb(160, 64, 0)
hsl(24, 100%, 31%)
#873600
rgb(135, 54, 0)
hsl(24, 100%, 26%)
#6e2c00
rgb(110, 44, 0)
hsl(24, 100%, 22%)
Clouds系
#fdfefe
rgb(253, 254, 254)
hsl(192, 15%, 99%)
#fbfcfc
rgb(251, 252, 252)
hsl(192, 15%, 99%)
#f7f9f9
rgb(247, 249, 249)
hsl(192, 15%, 97%)
#f4f6f7
rgb(244, 246, 247)
hsl(192, 15%, 96%)
#f0f3f4
rgb(240, 243, 244)
hsl(192, 15%, 95%)
#ecf0f1
rgb(236, 240, 241)
hsl(192, 15%, 94%)
#d0d3d4
rgb(208, 211, 212)
hsl(192, 5%, 82%)
#b3b6b7
rgb(179, 182, 183)
hsl(192, 3%, 71%)
#979a9a
rgb(151, 154, 154)
hsl(192, 2%, 60%)
#7b7d7d
rgb(123, 125, 125)
hsl(192, 1%, 49%)
Silver系
#f8f9f9
rgb(248, 249, 249)
hsl(204, 8%, 98%)
#f2f3f4
rgb(242, 243, 244)
hsl(204, 8%, 95%)
#e5e7e9
rgb(229, 231, 233)
hsl(204, 8%, 90%)
#d7dbdd
rgb(215, 219, 221)
hsl(204, 8%, 86%)
#cacfd2
rgb(202, 207, 210)
hsl(204, 8%, 81%)
#bdc3c7
rgb(189, 195, 199)
hsl(204, 8%, 76%)
#a6acaf
rgb(166, 172, 175)
hsl(204, 5%, 67%)
#909497
rgb(144, 148, 151)
hsl(204, 4%, 58%)
#797d7f
rgb(121, 125, 127)
hsl(204, 3%, 49%)
#626567
rgb(98, 101, 103)
hsl(204, 3%, 40%)
Concrete系
#f4f6f6
rgb(244, 246, 246)
hsl(184, 9%, 96%)
#eaeded
rgb(234, 237, 237)
hsl(184, 9%, 92%)
#d5dbdb
rgb(213, 219, 219)
hsl(184, 9%, 85%)
#bfc9ca
rgb(191, 201, 202)
hsl(184, 9%, 77%)
#aab7b8
rgb(170, 183, 184)
hsl(184, 9%, 69%)
#95a5a6
rgb(149, 165, 166)
hsl(184, 9%, 62%)
#839192
rgb(131, 145, 146)
hsl(184, 6%, 54%)
#717d7e
rgb(113, 125, 126)
hsl(184, 5%, 47%)
#5f6a6a
rgb(95, 106, 106)
hsl(184, 5%, 40%)
#4d5656
rgb(77, 86, 86)
hsl(184, 5%, 32%)
Asbestos系
#f2f4f4
rgb(242, 244, 244)
hsl(184, 6%, 95%)
#e5e8e8
rgb(229, 232, 232)
hsl(184, 6%, 91%)
#ccd1d1
rgb(204, 209, 209)
hsl(184, 6%, 81%)
#b2babb
rgb(178, 186, 187)
hsl(184, 6%, 72%)
#99a3a4
rgb(153, 163, 164)
hsl(184, 6%, 62%)
#7f8c8d
rgb(127, 140, 141)
hsl(184, 6%, 53%)
#707b7c
rgb(112, 123, 124)
hsl(184, 5%, 46%)
#616a6b
rgb(97, 106, 107)
hsl(184, 5%, 40%)
#515a5a
rgb(81, 90, 90)
hsl(184, 5%, 34%)
#424949
rgb(66, 73, 73)
hsl(184, 5%, 27%)
Wet asphalt系
#ebedef
rgb(235, 237, 239)
hsl(210, 12%, 93%)
#d6dbdf
rgb(214, 219, 223)
hsl(210, 12%, 86%)
#aeb6bf
rgb(174, 182, 191)
hsl(210, 12%, 71%)
#85929e
rgb(133, 146, 158)
hsl(210, 12%, 57%)
#5d6d7e
rgb(93, 109, 126)
hsl(210, 15%, 43%)
#34495e
rgb(52, 73, 94)
hsl(210, 29%, 29%)
#2e4053
rgb(46, 64, 83)
hsl(210, 29%, 25%)
#283747
rgb(40, 55, 71)
hsl(210, 29%, 22%)
#212f3c
rgb(33, 47, 60)
hsl(210, 29%, 18%)
#1b2631
rgb(27, 38, 49)
hsl(210, 29%, 15%)
Midnight blue系
#eaecee
rgb(234, 236, 238)
hsl(210, 9%, 92%)
#d5d8dc
rgb(213, 216, 220)
hsl(210, 9%, 85%)
#abb2b9
rgb(171, 178, 185)
hsl(210, 9%, 70%)
#808b96
rgb(128, 139, 150)
hsl(210, 9%, 55%)
#566573
rgb(86, 101, 115)
hsl(210, 14%, 39%)
#2c3e50
rgb(44, 62, 80)
hsl(210, 29%, 24%)
#273746
rgb(39, 55, 70)
hsl(210, 29%, 21%)
#212f3d
rgb(33, 47, 61)
hsl(210, 29%, 18%)
#1c2833
rgb(28, 40, 51)
hsl(210, 29%, 16%)
#17202a
rgb(23, 32, 42)
hsl(210, 29%, 13%)
利民吧文章数据均来自于互联网，版权归原作者所有。如有侵犯您权利的资源，请联系我们处理。
Copyright © 2016-2024 利民吧 版权所有