Nâu, hồng cá hồi, xám và xanh lá đậm (sọc màu hình nón)

Nâu, hồng cá hồi, xám và xanh lá đậm: bảng màu gồm 96 màu. #b7573e, #df8767, #d7949e, #899669, #3f594b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

96 màu, 5 keyframe OKLCH chỉnh sửa được.

#b7573e
#b8583e
#b95a3f
#bb5b40
#bc5d41
#be5f43
#bf6144
#c16345
#c36547
#c56848
#c76a4a
#c96c4b
#cb6f4d
#cd714f
#cf7451
#d17653
#d37955
#d57b57
#d77d59
#d87f5b
#da815e
#db8360
#dd8562
#de8665
#df8767
#e0886a
#e0896d
#e18a70
#e28b74
#e28c78
#e38c7c
#e38d80
#e38d84
#e38e88
#e38f8c
#e28f90
#e29093
#e19096
#e09199
#df929c
#de929e
#dd93a0
#dc93a1
#db93a2
#da94a2
#d994a2
#d994a1
#d894a0
#d7949e
#d7949c
#d69499
#d59495
#d49491
#d3948d
#d29489
#d09584
#ce9580
#cb957b
#c89677
#c49673
#c09770
#bc986d
#b7986b
#b29969
#ad9968
#a89967
#a29967
#9d9967
#979968
#929868
#8d9769
#899669
#85956a
#80936a
#7c916a
#788f69
#748c68
#708a67
#6c8766
#688465
#648164
#617d62
#5d7a60
#5a775e
#57745d
#54715b
#516e59
#4e6b57
#4c6855
#496553
#476251
#456050
#435e4e
#415c4d
#405a4c
#3f594b

CSS

background: conic-gradient(from 225deg, oklch(57.09% 0.1309 35.86) 0.000% 1.042%, oklch(57.41% 0.1306 36.01) 1.042% 2.083%, oklch(57.80% 0.1303 36.24) 2.083% 3.125%, oklch(58.24% 0.1300 36.54) 3.125% 4.167%, oklch(58.73% 0.1296 36.89) 4.167% 5.208%, oklch(59.28% 0.1293 37.29) 5.208% 6.250%, oklch(59.86% 0.1289 37.73) 6.250% 7.292%, oklch(60.48% 0.1285 38.19) 7.292% 8.333%, oklch(61.12% 0.1281 38.68) 8.333% 9.375%, oklch(61.79% 0.1276 39.17) 9.375% 10.417%, oklch(62.48% 0.1271 39.66) 10.417% 11.458%, oklch(63.18% 0.1266 40.14) 11.458% 12.500%, oklch(63.89% 0.1261 40.60) 12.500% 13.542%, oklch(64.60% 0.1255 41.03) 13.542% 14.583%, oklch(65.31% 0.1249 41.42) 14.583% 15.625%, oklch(66.01% 0.1243 41.77) 15.625% 16.667%, oklch(66.69% 0.1236 42.05) 16.667% 17.708%, oklch(67.35% 0.1229 42.26) 17.708% 18.750%, oklch(67.99% 0.1222 42.39) 18.750% 19.792%, oklch(68.60% 0.1214 42.44) 19.792% 20.833%, oklch(69.16% 0.1206 42.38) 20.833% 21.875%, oklch(69.69% 0.1197 42.22) 21.875% 22.917%, oklch(70.16% 0.1188 41.94) 22.917% 23.958%, oklch(70.59% 0.1179 41.54) 23.958% 25.000%, oklch(70.95% 0.1169 40.99) 25.000% 26.042%, oklch(71.29% 0.1158 40.12) 26.042% 27.083%, oklch(71.60% 0.1146 38.92) 27.083% 28.125%, oklch(71.90% 0.1133 37.41) 28.125% 29.167%, oklch(72.17% 0.1120 35.64) 29.167% 30.208%, oklch(72.43% 0.1106 33.66) 30.208% 31.250%, oklch(72.67% 0.1091 31.49) 31.250% 32.292%, oklch(72.89% 0.1076 29.19) 32.292% 33.333%, oklch(73.09% 0.1060 26.79) 33.333% 34.375%, oklch(73.27% 0.1044 24.34) 34.375% 35.417%, oklch(73.43% 0.1028 21.88) 35.417% 36.458%, oklch(73.57% 0.1012 19.45) 36.458% 37.500%, oklch(73.69% 0.0995 17.09) 37.500% 38.542%, oklch(73.79% 0.0979 14.83) 38.542% 39.583%, oklch(73.87% 0.0963 12.74) 39.583% 40.625%, oklch(73.93% 0.0946 10.84) 40.625% 41.667%, oklch(73.97% 0.0930 9.17) 41.667% 42.708%, oklch(73.99% 0.0915 7.78) 42.708% 43.750%, oklch(73.99% 0.0900 6.71) 43.750% 44.792%, oklch(73.97% 0.0885 6.00) 44.792% 45.833%, oklch(73.93% 0.0871 5.70) 45.833% 46.875%, oklch(73.87% 0.0857 5.83) 46.875% 47.917%, oklch(73.79% 0.0844 6.45) 47.917% 48.958%, oklch(73.68% 0.0832 7.60) 48.958% 50.000%, oklch(73.56% 0.0821 9.32) 50.000% 51.042%, oklch(73.41% 0.0811 11.66) 51.042% 52.083%, oklch(73.25% 0.0801 14.58) 52.083% 53.125%, oklch(73.07% 0.0792 18.03) 53.125% 54.167%, oklch(72.87% 0.0784 21.96) 54.167% 55.208%, oklch(72.66% 0.0776 26.32) 55.208% 56.250%, oklch(72.42% 0.0768 31.06) 56.250% 57.292%, oklch(72.16% 0.0761 36.13) 57.292% 58.333%, oklch(71.88% 0.0754 41.48) 58.333% 59.375%, oklch(71.58% 0.0747 47.06) 59.375% 60.417%, oklch(71.27% 0.0741 52.83) 60.417% 61.458%, oklch(70.93% 0.0734 58.72) 61.458% 62.500%, oklch(70.56% 0.0728 64.70) 62.500% 63.542%, oklch(70.18% 0.0722 70.71) 63.542% 64.583%, oklch(69.78% 0.0716 76.71) 64.583% 65.625%, oklch(69.35% 0.0709 82.63) 65.625% 66.667%, oklch(68.90% 0.0703 88.45) 66.667% 67.708%, oklch(68.43% 0.0696 94.09) 67.708% 68.750%, oklch(67.94% 0.0690 99.52) 68.750% 69.792%, oklch(67.42% 0.0683 104.68) 69.792% 70.833%, oklch(66.88% 0.0675 109.53) 70.833% 71.875%, oklch(66.32% 0.0667 114.02) 71.875% 72.917%, oklch(65.73% 0.0659 118.09) 72.917% 73.958%, oklch(65.12% 0.0650 121.69) 73.958% 75.000%, oklch(64.47% 0.0640 124.88) 75.000% 76.042%, oklch(63.74% 0.0630 127.86) 76.042% 77.083%, oklch(62.94% 0.0620 130.67) 77.083% 78.125%, oklch(62.09% 0.0608 133.30) 78.125% 79.167%, oklch(61.17% 0.0596 135.76) 79.167% 80.208%, oklch(60.22% 0.0584 138.06) 80.208% 81.250%, oklch(59.22% 0.0572 140.22) 81.250% 82.292%, oklch(58.19% 0.0559 142.23) 82.292% 83.333%, oklch(57.14% 0.0546 144.11) 83.333% 84.375%, oklch(56.08% 0.0533 145.86) 84.375% 85.417%, oklch(55.00% 0.0520 147.49) 85.417% 86.458%, oklch(53.92% 0.0507 149.01) 86.458% 87.500%, oklch(52.85% 0.0494 150.43) 87.500% 88.542%, oklch(51.80% 0.0482 151.76) 88.542% 89.583%, oklch(50.77% 0.0470 153.00) 89.583% 90.625%, oklch(49.76% 0.0458 154.16) 90.625% 91.667%, oklch(48.79% 0.0446 155.25) 91.667% 92.708%, oklch(47.87% 0.0435 156.28) 92.708% 93.750%, oklch(47.00% 0.0425 157.26) 93.750% 94.792%, oklch(46.19% 0.0416 158.19) 94.792% 95.833%, oklch(45.45% 0.0407 159.08) 95.833% 96.875%, oklch(44.78% 0.0399 159.94) 96.875% 97.917%, oklch(44.20% 0.0392 160.79) 97.917% 98.958%, oklch(43.70% 0.0386 161.61) 98.958% 100.000%);

Trong các bộ sưu tập này

Darecations

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động