Xanh hải quân, xanh cổ vịt, xanh lá và nâu (bộ ba) (gradient xuyên tâm)

Bảng màu Xanh hải quân, xanh cổ vịt, xanh lá và nâu (bộ ba)

Gradient xuyên tâm, 32 màu: #252836, #347ad8, #00d8fa, #62a02c, #504038. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#252836
#282d40
#2d334e
#313c5f
#364674
#39518b
#3b5ea4
#3a6bbe
#347ad8
#2189f2
#139aff
#2ea9ff
#40b7ff
#4ac3ff
#4accff
#37d3ff
#00d8fa
#00d8ea
#00d5d7
#00d0bf
#00c9a3
#00c07e
#31b44f
#62a02c
#758d0e
#7d7a07
#7c6a16
#755c24
#6c512d
#624933
#584436
#504038

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(27.95% 0.0262 276.33) 0.0%, oklch(30.07% 0.0354 274.43) 3.2%, oklch(32.90% 0.0479 272.47) 6.5%, oklch(36.34% 0.0632 270.40) 9.7%, oklch(40.26% 0.0806 268.17) 12.9%, oklch(44.54% 0.0996 265.75) 16.1%, oklch(49.06% 0.1197 263.10) 19.4%, oklch(53.70% 0.1402 260.17) 22.6%, oklch(58.34% 0.1607 256.92) 25.8%, oklch(62.86% 0.1806 253.32) 29.0%, oklch(67.15% 0.1816 249.30) 32.3%, oklch(71.08% 0.1621 244.85) 35.5%, oklch(74.53% 0.1467 239.91) 38.7%, oklch(77.38% 0.1363 234.44) 41.9%, oklch(79.51% 0.1322 228.41) 45.2%, oklch(80.81% 0.1371 221.77) 48.4%, oklch(81.16% 0.1429 214.37) 51.6%, oklch(80.59% 0.1378 205.58) 54.8%, oklch(79.21% 0.1351 195.51) 58.1%, oklch(77.14% 0.1364 184.39) 61.3%, oklch(74.48% 0.1438 172.43) 64.5%, oklch(71.35% 0.1618 159.87) 67.7%, oklch(67.86% 0.1806 146.94) 71.0%, oklch(64.13% 0.1607 133.84) 74.2%, oklch(60.25% 0.1402 120.80) 77.4%, oklch(56.34% 0.1197 108.05) 80.6%, oklch(52.52% 0.0996 95.82) 83.9%, oklch(48.90% 0.0806 84.32) 87.1%, oklch(45.58% 0.0632 73.79) 90.3%, oklch(42.68% 0.0479 64.44) 93.5%, oklch(40.31% 0.0354 56.49) 96.8%, oklch(38.58% 0.0262 50.18) 100.0%);

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

Gradient màu giả thiên vă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