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

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

Gradient xuyên tâm, 32 màu: #00004a, #5fa3ad, #ccda9e, #efd398, #d7e2d7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00004a
#001744
#002651
#003861
#004c74
#0b6386
#2b7994
#468fa1
#5fa3ad
#76b5b7
#88c3be
#96cdc1
#a0d5c1
#aadabc
#b5dcb4
#c0dca9
#ccda9e
#d7d694
#e2d28d
#eacf89
#f0cd89
#f3ce8c
#f3d091
#efd398
#ead79f
#e4dba9
#dedeb3
#d9e0bd
#d6e1c6
#d5e2ce
#d6e2d3
#d7e2d7

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(18.53% 0.1280 264.38) 0.0%, oklch(22.20% 0.0917 260.24) 3.2%, oklch(27.17% 0.0886 254.70) 6.5%, oklch(33.16% 0.0898 248.26) 9.7%, oklch(39.85% 0.0930 241.05) 12.9%, oklch(46.93% 0.0938 233.17) 16.1%, oklch(54.11% 0.0853 224.83) 19.4%, oklch(61.06% 0.0773 216.11) 22.6%, oklch(67.49% 0.0704 207.16) 25.8%, oklch(73.09% 0.0649 198.13) 29.0%, oklch(77.56% 0.0613 189.14) 32.3%, oklch(80.73% 0.0601 179.85) 35.5%, oklch(83.03% 0.0614 168.98) 38.7%, oklch(84.60% 0.0647 156.93) 41.9%, oklch(85.58% 0.0693 144.22) 45.2%, oklch(86.09% 0.0747 131.39) 48.4%, oklch(86.28% 0.0804 118.94) 51.6%, oklch(86.27% 0.0858 107.42) 54.8%, oklch(86.18% 0.0903 97.35) 58.1%, oklch(86.16% 0.0934 89.25) 61.3%, oklch(86.33% 0.0944 83.64) 64.5%, oklch(86.80% 0.0929 81.08) 67.7%, oklch(87.31% 0.0888 81.88) 71.0%, oklch(87.78% 0.0827 85.57) 74.2%, oklch(88.20% 0.0750 91.51) 77.4%, oklch(88.59% 0.0663 99.08) 80.6%, oklch(88.93% 0.0570 107.67) 83.9%, oklch(89.24% 0.0476 116.64) 87.1%, oklch(89.52% 0.0387 125.37) 90.3%, oklch(89.76% 0.0306 133.24) 93.5%, oklch(89.97% 0.0240 139.63) 96.8%, oklch(90.16% 0.0193 143.91) 100.0%);

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

Gradient bãi biển

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