Hồng, xanh lá, đỏ và nâu (gradient xuyên tâm)

Hồng, xanh lá, đỏ và nâu: bảng màu gồm 56 màu. #c45d64, #3fbf6d, #a66400, #d9a83c, #7a293a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c45d64
#c75f5a
#ca624b
#cb6836
#ca7015
#c07c00
#b58800
#a89300
#999d00
#86a704
#71af31
#60b446
#51b855
#46bc62
#3fbf6d
#3ec275
#41c57b
#48c67f
#51c780
#5bc77f
#65c67a
#6fc373
#78bf69
#82b759
#8eab40
#9a9b1c
#a28900
#a57700
#a66400
#a75000
#a53e16
#a03328
#9b2c33
#9a2b3a
#9e2f3c
#a6383c
#b14638
#bd5733
#c86b2d
#d1802b
#d69530
#d9a83c
#d9b74a
#d8c155
#d7c45a
#d6bf57
#d4b550
#d1a646
#cb943d
#c38137
#b86d35
#ab5a36
#9d4937
#8f3b39
#833039
#7a293a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(60.63% 0.1323 17.58) 0.0%, oklch(61.11% 0.1344 24.51) 1.8%, oklch(61.74% 0.1375 33.91) 3.6%, oklch(62.48% 0.1413 45.21) 5.5%, oklch(63.32% 0.1455 57.89) 7.3%, oklch(64.23% 0.1380 71.37) 9.1%, oklch(65.16% 0.1335 85.15) 10.9%, oklch(66.10% 0.1369 98.66) 12.7%, oklch(67.01% 0.1476 111.36) 14.5%, oklch(67.86% 0.1651 122.70) 16.4%, oklch(68.63% 0.1672 132.13) 18.2%, oklch(69.29% 0.1681 139.10) 20.0%, oklch(69.97% 0.1677 144.19) 21.8%, oklch(70.77% 0.1661 148.30) 23.6%, oklch(71.64% 0.1636 151.43) 25.5%, oklch(72.51% 0.1603 153.56) 27.3%, oklch(73.33% 0.1566 154.70) 29.1%, oklch(74.03% 0.1527 154.83) 30.9%, oklch(74.55% 0.1488 153.95) 32.7%, oklch(74.83% 0.1451 152.05) 34.5%, oklch(74.81% 0.1419 149.12) 36.4%, oklch(74.43% 0.1394 145.16) 38.2%, oklch(73.62% 0.1378 140.16) 40.0%, oklch(72.10% 0.1372 132.90) 41.8%, oklch(69.76% 0.1373 122.64) 43.6%, oklch(66.80% 0.1380 110.13) 45.5%, oklch(63.45% 0.1305 96.10) 47.3%, oklch(59.90% 0.1236 81.29) 49.1%, oklch(56.37% 0.1251 66.44) 50.9%, oklch(53.08% 0.1360 52.30) 52.7%, oklch(50.23% 0.1447 39.64) 54.5%, oklch(48.04% 0.1456 29.13) 56.4%, oklch(46.71% 0.1461 21.52) 58.2%, oklch(46.46% 0.1461 17.58) 60.0%, oklch(47.59% 0.1454 17.95) 61.8%, oklch(50.07% 0.1444 22.25) 63.6%, oklch(53.58% 0.1430 29.63) 65.5%, oklch(57.82% 0.1414 39.26) 67.3%, oklch(62.46% 0.1395 50.30) 69.1%, oklch(67.20% 0.1376 61.90) 70.9%, oklch(71.73% 0.1356 73.23) 72.7%, oklch(75.74% 0.1335 83.43) 74.5%, oklch(78.91% 0.1316 91.68) 76.4%, oklch(80.93% 0.1298 97.14) 78.2%, oklch(81.50% 0.1281 98.95) 80.0%, oklch(80.47% 0.1266 97.00) 81.8%, oklch(78.12% 0.1250 92.10) 83.6%, oklch(74.70% 0.1234 84.85) 85.5%, oklch(70.48% 0.1218 75.81) 87.3%, oklch(65.72% 0.1202 65.57) 89.1%, oklch(60.68% 0.1187 54.70) 90.9%, oklch(55.62% 0.1173 43.79) 92.7%, oklch(50.82% 0.1160 33.41) 94.5%, oklch(46.53% 0.1148 24.13) 96.4%, oklch(43.02% 0.1138 16.55) 98.2%, oklch(40.55% 0.1130 11.24) 100.0%);

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

Tiệc lá chuối

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