Xanh dương nhạt, xanh lá nhạt, cam và xanh hải quân (gradient xuyên tâm)

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

Gradient xuyên tâm, 32 màu: #8fe8e0, #a2efa2, #eea800, #c13c5c, #160c2b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#8fe8e0
#8de9dd
#8cebda
#8bedd5
#8cefce
#8ef0c6
#93f1bc
#99f0b0
#a2efa2
#aceb92
#b6e680
#c1e06d
#ccd757
#d7cd3b
#e2c20e
#e9b500
#eea800
#f29900
#f58800
#f77500
#f36326
#e8543f
#d74750
#c13c5c
#a63363
#8a2d64
#6e2660
#552158
#3f1b4c
#2d1540
#1f1034
#160c2b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.0868 188.44) 0.0%, oklch(87.44% 0.0900 185.06) 3.2%, oklch(87.61% 0.0941 180.91) 6.5%, oklch(87.84% 0.0990 176.07) 9.7%, oklch(88.09% 0.1045 170.62) 12.9%, oklch(88.31% 0.1104 164.65) 16.1%, oklch(88.43% 0.1166 158.22) 19.4%, oklch(88.41% 0.1228 151.42) 22.6%, oklch(88.19% 0.1290 144.34) 25.8%, oklch(87.72% 0.1348 137.05) 29.0%, oklch(86.95% 0.1402 129.63) 32.3%, oklch(85.87% 0.1455 122.06) 35.5%, oklch(84.62% 0.1519 114.03) 38.7%, oklch(83.20% 0.1589 105.58) 41.9%, oklch(81.61% 0.1663 96.79) 45.2%, oklch(79.81% 0.1632 87.71) 48.4%, oklch(77.81% 0.1620 78.41) 51.6%, oklch(75.59% 0.1648 68.97) 54.8%, oklch(73.14% 0.1725 59.44) 58.1%, oklch(70.44% 0.1865 49.90) 61.3%, oklch(67.48% 0.1907 40.42) 64.5%, oklch(64.21% 0.1872 30.97) 67.7%, oklch(60.26% 0.1799 20.83) 71.0%, oklch(55.65% 0.1692 10.00) 74.2%, oklch(50.60% 0.1559 358.78) 77.4%, oklch(45.28% 0.1409 347.45) 80.6%, oklch(39.91% 0.1250 336.31) 83.9%, oklch(34.66% 0.1090 325.66) 87.1%, oklch(29.74% 0.0937 315.79) 90.3%, oklch(25.35% 0.0800 306.98) 93.5%, oklch(21.67% 0.0687 299.54) 96.8%, oklch(18.90% 0.0606 293.76) 100.0%);

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

Màu siêu thực

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