跳转到内容
ConvertCaseHQ
工具
博客
首页
工具
HSL 颜色表
HSL 颜色表
浏览 HSL 色彩空间。行表示色相,列表示亮度,滑块控制饱和度。
饱和度: 80%
5%
14%
23%
32%
41%
50%
59%
68%
77%
86%
95%
0°
#170303
#400707
#6a0c0c
#931010
#bc1515
#e61919
#ea4343
#ef6c6c
#f39595
#f8bfbf
#fce8e8
15°
#170803
#401507
#6a230c
#933110
#bc3f15
#e64d19
#ea6d43
#ef8d6c
#f3ad95
#f8cdbf
#fcede8
30°
#170d03
#402407
#6a3b0c
#935210
#bc6915
#e68019
#ea9643
#efad6c
#f3c495
#f8dbbf
#fcf2e8
45°
#171203
#403207
#6a520c
#937210
#bc9215
#e6b319
#eac043
#efce6c
#f3dc95
#f8eabf
#fcf7e8
60°
#171703
#404007
#6a6a0c
#939310
#bcbc15
#e6e619
#eaea43
#efef6c
#f3f395
#f8f8bf
#fcfce8
75°
#121703
#324007
#526a0c
#729310
#92bc15
#b3e619
#c0ea43
#ceef6c
#dcf395
#eaf8bf
#f7fce8
90°
#0d1703
#244007
#3b6a0c
#529310
#69bc15
#80e619
#96ea43
#adef6c
#c4f395
#dbf8bf
#f2fce8
105°
#081703
#154007
#236a0c
#319310
#3fbc15
#4de619
#6dea43
#8def6c
#adf395
#cdf8bf
#edfce8
120°
#031703
#074007
#0c6a0c
#109310
#15bc15
#19e619
#43ea43
#6cef6c
#95f395
#bff8bf
#e8fce8
135°
#031708
#074015
#0c6a23
#109331
#15bc3f
#19e64d
#43ea6d
#6cef8d
#95f3ad
#bff8cd
#e8fced
150°
#03170d
#074024
#0c6a3b
#109352
#15bc69
#19e680
#43ea96
#6cefad
#95f3c4
#bff8db
#e8fcf2
165°
#031712
#074032
#0c6a52
#109372
#15bc92
#19e6b3
#43eac0
#6cefce
#95f3dc
#bff8ea
#e8fcf7
180°
#031717
#074040
#0c6a6a
#109393
#15bcbc
#19e6e6
#43eaea
#6cefef
#95f3f3
#bff8f8
#e8fcfc
195°
#031217
#073240
#0c526a
#107293
#1592bc
#19b3e6
#43c0ea
#6cceef
#95dcf3
#bfeaf8
#e8f7fc
210°
#030d17
#072440
#0c3b6a
#105293
#1569bc
#1980e6
#4396ea
#6cadef
#95c4f3
#bfdbf8
#e8f2fc
225°
#030817
#071540
#0c236a
#103193
#153fbc
#194de6
#436dea
#6c8def
#95adf3
#bfcdf8
#e8edfc
240°
#030317
#070740
#0c0c6a
#101093
#1515bc
#1919e6
#4343ea
#6c6cef
#9595f3
#bfbff8
#e8e8fc
255°
#080317
#150740
#230c6a
#311093
#3f15bc
#4d19e6
#6d43ea
#8d6cef
#ad95f3
#cdbff8
#ede8fc
270°
#0d0317
#240740
#3b0c6a
#521093
#6915bc
#8019e6
#9643ea
#ad6cef
#c495f3
#dbbff8
#f2e8fc
285°
#120317
#320740
#520c6a
#721093
#9215bc
#b319e6
#c043ea
#ce6cef
#dc95f3
#eabff8
#f7e8fc
300°
#170317
#400740
#6a0c6a
#931093
#bc15bc
#e619e6
#ea43ea
#ef6cef
#f395f3
#f8bff8
#fce8fc
315°
#170312
#400732
#6a0c52
#931072
#bc1592
#e619b3
#ea43c0
#ef6cce
#f395dc
#f8bfea
#fce8f7
330°
#17030d
#400724
#6a0c3b
#931052
#bc1569
#e61980
#ea4396
#ef6cad
#f395c4
#f8bfdb
#fce8f2
345°
#170308
#400715
#6a0c23
#931031
#bc153f
#e6194d
#ea436d
#ef6c8d
#f395ad
#f8bfcd
#fce8ed
我们使用 Cookie 进行分析和广告。您可以接受或拒绝非必要 Cookie。
了解更多
拒绝
接受