Xanh hải quân, xanh lá, nâu vàng và tím (gradient xuyên tâm)

Bảng màu Xanh hải quân, xanh lá, nâu vàng và tím

Gradient xuyên tâm, 32 màu: #262e40, #76aa2f, #efe885, #f7aeaf, #90306c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

8 keyframe OKLCH chỉnh sửa được.

#262e40
#21394b
#0e4952
#0a5b4c
#34693b
#51762e
#638527
#6f9727
#76aa2f
#84b934
#96c53a
#a9d044
#bcd950
#cde05c
#dbe568
#e6e877
#efe885
#f7e791
#ffe298
#ffdcab
#ffd3b1
#ffc8b2
#febbb1
#f7aeaf
#f09eab
#e78da6
#dc7ca1
#ce6c9b
#bd5b90
#ab4a82
#9b3b74
#90306c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(30.31% 0.0344 265.78) 0.0%, oklch(33.23% 0.0446 243.41) 3.2%, oklch(37.37% 0.0591 210.56) 6.5%, oklch(42.19% 0.0757 175.67) 9.7%, oklch(47.16% 0.0925 147.15) 12.9%, oklch(51.98% 0.1085 132.03) 16.1%, oklch(57.19% 0.1267 127.11) 19.4%, oklch(62.54% 0.1448 127.76) 22.6%, oklch(67.68% 0.1598 129.80) 25.8%, oklch(72.27% 0.1690 129.09) 29.0%, oklch(76.47% 0.1717 126.45) 32.3%, oklch(80.37% 0.1699 123.66) 35.5%, oklch(83.84% 0.1649 120.53) 38.7%, oklch(86.71% 0.1579 116.89) 41.9%, oklch(88.92% 0.1489 112.97) 45.2%, oklch(90.59% 0.1359 109.36) 48.4%, oklch(91.69% 0.1214 104.98) 51.6%, oklch(92.18% 0.1080 98.73) 54.8%, oklch(92.01% 0.0981 89.38) 58.1%, oklch(91.13% 0.0745 75.60) 61.3%, oklch(89.61% 0.0668 59.18) 64.5%, oklch(87.55% 0.0701 42.66) 67.7%, oklch(85.04% 0.0795 28.61) 71.0%, oklch(82.02% 0.0861 18.02) 74.2%, oklch(78.42% 0.0988 9.18) 77.4%, oklch(74.40% 0.1137 1.90) 80.6%, oklch(70.16% 0.1270 355.98) 83.9%, oklch(65.76% 0.1351 351.35) 87.1%, oklch(60.54% 0.1397 348.54) 90.3%, oklch(55.08% 0.1422 347.10) 93.5%, oklch(50.23% 0.1435 346.39) 96.8%, oklch(46.85% 0.1447 345.74) 100.0%);

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

Viền vàng và vòng hoa nhà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