Xanh dương, xanh lá, cam và đỏ nâu (gradient xuyên tâm)

Bảng màu Xanh dương, xanh lá, cam và đỏ nâu

Gradient xuyên tâm, 32 màu: #2448a0, #00b0be, #a3d34a, #e96a00, #8b214d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2448a0
#2353a7
#2462b0
#2873ba
#2b85c4
#2c95cc
#23a2d0
#00abcc
#00b0be
#00b1ad
#00b298
#00b380
#1eb662
#51b94e
#71c046
#8bc946
#a3d34a
#b9d94b
#cdda44
#ddd12c
#e9bf00
#eda600
#eb8a00
#e96a00
#e24b1f
#d53837
#c72d44
#b8274a
#aa244d
#9d234e
#92224d
#8b214d

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(42.91% 0.1488 264.38) 0.0%, oklch(45.71% 0.1452 260.84) 3.2%, oklch(49.79% 0.1396 256.33) 6.5%, oklch(54.53% 0.1332 250.85) 9.7%, oklch(59.36% 0.1273 244.34) 12.9%, oklch(63.67% 0.1232 236.80) 16.1%, oklch(66.87% 0.1223 228.18) 19.4%, oklch(68.54% 0.1231 217.93) 22.6%, oklch(69.02% 0.1179 205.40) 25.8%, oklch(68.77% 0.1182 191.56) 29.0%, oklch(68.28% 0.1262 177.40) 32.3%, oklch(68.01% 0.1451 163.93) 35.5%, oklch(68.43% 0.1718 152.15) 38.7%, oklch(70.06% 0.1752 142.98) 41.9%, oklch(73.08% 0.1754 136.31) 45.2%, oklch(76.81% 0.1737 131.13) 48.4%, oklch(80.53% 0.1711 126.42) 51.6%, oklch(83.53% 0.1687 121.16) 54.8%, oklch(85.09% 0.1676 114.32) 58.1%, oklch(84.52% 0.1691 104.87) 61.3%, oklch(81.74% 0.1673 92.45) 64.5%, oklch(77.41% 0.1613 78.12) 67.7%, oklch(72.20% 0.1646 63.10) 71.0%, oklch(66.79% 0.1803 48.59) 74.2%, oklch(61.83% 0.1944 35.83) 77.4%, oklch(57.99% 0.1938 25.95) 80.6%, oklch(54.76% 0.1887 18.54) 83.9%, oklch(51.78% 0.1803 12.82) 87.1%, oklch(49.08% 0.1701 8.45) 90.3%, oklch(46.74% 0.1597 5.12) 93.5%, oklch(44.79% 0.1507 2.47) 96.8%, oklch(43.31% 0.1447 0.19) 100.0%);

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

Gradient bản đồ thời tiết

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