Tím, nâu vàng, xanh cổ vịt và xanh dương (gradient xuyên tâm)

Bảng màu Tím, nâu vàng, xanh cổ vịt và xanh dương

Gradient xuyên tâm, 32 màu: #454b69, #cb9786, #5d8a7a, #2e4e6c, #364b9c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#454b69
#505070
#5f5677
#725e7f
#876886
#9c738a
#b07e8b
#c18b89
#cb9786
#cfa282
#ccaa7f
#c2ae7d
#b1ae7c
#9caa7c
#85a27c
#70977c
#5d8a7a
#4d7c76
#426f72
#3a636d
#345a69
#315468
#2f5069
#2e4e6c
#2d4c71
#2d4c78
#2e4b7e
#2f4c86
#304c8d
#324c93
#344c98
#364b9c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(42.13% 0.0510 275.63) 0.0%, oklch(44.35% 0.0523 284.99) 3.2%, oklch(47.55% 0.0541 297.02) 6.5%, oklch(51.47% 0.0563 311.26) 9.7%, oklch(55.83% 0.0588 327.23) 12.9%, oklch(60.35% 0.0614 344.46) 16.1%, oklch(64.76% 0.0639 2.48) 19.4%, oklch(68.79% 0.0662 20.84) 22.6%, oklch(72.17% 0.0681 39.05) 25.8%, oklch(74.63% 0.0695 56.65) 29.0%, oklch(75.88% 0.0702 73.18) 32.3%, oklch(75.69% 0.0699 88.74) 35.5%, oklch(74.12% 0.0682 104.88) 38.7%, oklch(71.45% 0.0655 121.43) 41.9%, oklch(67.94% 0.0621 138.12) 45.2%, oklch(63.87% 0.0585 154.65) 48.4%, oklch(59.51% 0.0549 170.75) 51.6%, oklch(55.13% 0.0519 186.11) 54.8%, oklch(51.01% 0.0497 200.47) 58.1%, oklch(47.41% 0.0487 213.52) 61.3%, oklch(44.60% 0.0494 224.98) 64.5%, oklch(42.83% 0.0522 234.58) 67.7%, oklch(41.78% 0.0573 242.42) 71.0%, oklch(41.24% 0.0644 248.73) 74.2%, oklch(41.11% 0.0730 253.73) 77.4%, oklch(41.31% 0.0827 257.63) 80.6%, oklch(41.74% 0.0928 260.64) 83.9%, oklch(42.31% 0.1030 262.97) 87.1%, oklch(42.92% 0.1127 264.82) 90.3%, oklch(43.49% 0.1213 266.41) 93.5%, oklch(43.91% 0.1285 267.94) 96.8%, oklch(44.09% 0.1337 269.64) 100.0%);

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

Hoàng hôn đồng lúa mì

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