Cầu vồng từ vàng sang nâu tông trầm (gradient xuyên tâm)

Bảng màu Cầu vồng từ vàng sang nâu tông trầm

Gradient xuyên tâm, 32 màu: #f2c84b, #7da758, #1e749c, #7c4b71, #8b6949. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f2c84b
#e8c64a
#ddc349
#d0bf49
#c1bb4a
#b2b64c
#a1b14f
#8fac53
#7da758
#6aa25f
#569e67
#409970
#24947a
#008e85
#00868d
#007e96
#1e749c
#376b9d
#49629b
#585996
#63538e
#6c4e84
#754b7b
#7c4b71
#834c67
#884e5e
#8b5256
#8d5750
#8e5d4c
#8e624a
#8d6649
#8b6949

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(84.65% 0.1461 90.00) 0.0%, oklch(83.38% 0.1438 93.26) 3.2%, oklch(81.72% 0.1409 96.96) 6.5%, oklch(79.74% 0.1374 101.15) 9.7%, oklch(77.53% 0.1334 105.91) 12.9%, oklch(75.16% 0.1292 111.29) 16.1%, oklch(72.71% 0.1249 117.38) 19.4%, oklch(70.24% 0.1206 124.23) 22.6%, oklch(67.86% 0.1166 131.90) 25.8%, oklch(65.62% 0.1129 140.47) 29.0%, oklch(63.60% 0.1098 150.00) 32.3%, oklch(61.80% 0.1072 160.74) 35.5%, oklch(59.96% 0.1052 173.15) 38.7%, oklch(58.12% 0.1015 186.95) 41.9%, oklch(56.31% 0.0958 201.84) 45.2%, oklch(54.57% 0.0977 217.48) 48.4%, oklch(52.94% 0.0995 233.52) 51.6%, oklch(51.47% 0.0983 249.68) 54.8%, oklch(50.19% 0.0970 265.61) 58.1%, oklch(49.14% 0.0955 280.99) 61.3%, oklch(48.37% 0.0937 295.50) 64.5%, oklch(47.92% 0.0916 308.91) 67.7%, oklch(47.88% 0.0890 322.35) 71.0%, oklch(48.21% 0.0861 335.99) 74.2%, oklch(48.82% 0.0829 349.60) 77.4%, oklch(49.65% 0.0796 2.93) 80.6%, oklch(50.61% 0.0763 15.76) 83.9%, oklch(51.63% 0.0731 27.85) 87.1%, oklch(52.62% 0.0700 38.94) 90.3%, oklch(53.52% 0.0674 48.82) 93.5%, oklch(54.25% 0.0651 57.23) 96.8%, oklch(54.72% 0.0634 63.93) 100.0%);

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

Tuổi thơ hoài niệ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