Be, xanh lá và xanh cổ vịt (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #f0ecc7, #e0e08f, #bac778, #86ac7d, #568783. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f0ecc7
#eeebc2
#edeabd
#ece9b6
#eae7af
#e8e6a7
#e6e49e
#e3e296
#e0e08f
#dcdd88
#d8db83
#d3d87f
#ced57d
#cad27b
#c5cf79
#c0cb79
#bac778
#b4c378
#aebf79
#a7bc79
#a0b879
#99b47a
#90b17b
#86ac7d
#7ca87f
#73a281
#6a9d82
#639883
#5e9384
#5a8e84
#578a83
#568783

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(93.70% 0.0496 103.36) 0.0%, oklch(93.32% 0.0535 103.74) 3.2%, oklch(92.86% 0.0590 104.18) 6.5%, oklch(92.33% 0.0657 104.68) 9.7%, oklch(91.73% 0.0731 105.25) 12.9%, oklch(91.06% 0.0809 105.89) 16.1%, oklch(90.34% 0.0886 106.60) 19.4%, oklch(89.56% 0.0959 107.41) 22.6%, oklch(88.73% 0.1023 108.30) 25.8%, oklch(87.85% 0.1074 109.28) 29.0%, oklch(86.93% 0.1109 110.37) 32.3%, oklch(85.96% 0.1125 111.49) 35.5%, oklch(84.92% 0.1126 112.46) 38.7%, oklch(83.82% 0.1116 113.35) 41.9%, oklch(82.66% 0.1096 114.25) 45.2%, oklch(81.45% 0.1068 115.26) 48.4%, oklch(80.20% 0.1034 116.48) 51.6%, oklch(78.91% 0.0997 118.00) 54.8%, oklch(77.60% 0.0959 119.91) 58.1%, oklch(76.26% 0.0922 122.32) 61.3%, oklch(74.92% 0.0888 125.30) 64.5%, oklch(73.55% 0.0859 129.00) 67.7%, oklch(72.06% 0.0827 133.85) 71.0%, oklch(70.43% 0.0793 139.71) 74.2%, oklch(68.73% 0.0756 146.31) 77.4%, oklch(66.99% 0.0718 153.36) 80.6%, oklch(65.27% 0.0681 160.57) 83.9%, oklch(63.62% 0.0645 167.65) 87.1%, oklch(62.08% 0.0612 174.32) 90.3%, oklch(60.71% 0.0582 180.28) 93.5%, oklch(59.55% 0.0557 185.26) 96.8%, oklch(58.66% 0.0537 188.96) 100.0%);

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

Màu liminal

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