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

Gradient xuyên tâm, 48 màu: #fce076, #627f87, #707479, #808c9e, #737da6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fce076
#efdf78
#dddc7b
#c9d880
#b4d286
#9fcb8c
#8bc292
#7bb896
#6fac98
#68a097
#649594
#62898e
#627f87
#617780
#616f78
#606a72
#60676e
#60656b
#61656a
#62656a
#64676b
#67696d
#696c71
#6d7075
#707479
#73787e
#777c83
#7a8088
#7c848d
#7e8791
#808994
#818b97
#818c99
#818c9b
#818c9c
#808c9e
#7e8b9f
#7d8aa0
#7c89a1
#7a88a2
#7986a3
#7885a3
#7683a4
#7582a5
#7580a5
#747fa5
#747ea6
#737da6

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(90.94% 0.1295 94.92) 0.0%, oklch(89.42% 0.1252 100.57) 2.1%, oklch(87.43% 0.1196 107.80) 4.3%, oklch(85.05% 0.1130 116.36) 6.4%, oklch(82.35% 0.1055 126.05) 8.5%, oklch(79.39% 0.0973 136.62) 10.6%, oklch(76.26% 0.0886 147.86) 12.8%, oklch(73.03% 0.0795 159.53) 14.9%, oklch(69.76% 0.0704 171.41) 17.0%, oklch(66.52% 0.0613 183.26) 19.1%, oklch(63.39% 0.0524 194.87) 21.3%, oklch(60.45% 0.0439 206.01) 23.4%, oklch(57.75% 0.0360 216.43) 25.5%, oklch(55.38% 0.0289 225.93) 27.7%, oklch(53.40% 0.0228 234.27) 29.8%, oklch(51.89% 0.0178 241.23) 31.9%, oklch(50.91% 0.0141 246.60) 34.0%, oklch(50.42% 0.0113 250.71) 36.2%, oklch(50.34% 0.0093 253.77) 38.3%, oklch(50.63% 0.0080 255.91) 40.4%, oklch(51.23% 0.0073 257.25) 42.6%, oklch(52.09% 0.0072 257.90) 44.7%, oklch(53.15% 0.0076 257.99) 46.8%, oklch(54.37% 0.0083 257.64) 48.9%, oklch(55.69% 0.0095 256.96) 51.1%, oklch(57.05% 0.0109 256.08) 53.2%, oklch(58.41% 0.0125 255.11) 55.3%, oklch(59.71% 0.0143 254.17) 57.4%, oklch(60.90% 0.0161 253.39) 59.6%, oklch(61.93% 0.0180 252.89) 61.7%, oklch(62.74% 0.0198 252.77) 63.8%, oklch(63.28% 0.0215 253.17) 66.0%, oklch(63.54% 0.0232 254.08) 68.1%, oklch(63.66% 0.0252 255.18) 70.2%, oklch(63.66% 0.0276 256.41) 72.3%, oklch(63.56% 0.0302 257.76) 74.5%, oklch(63.38% 0.0331 259.19) 76.6%, oklch(63.12% 0.0362 260.68) 78.7%, oklch(62.80% 0.0394 262.21) 80.9%, oklch(62.44% 0.0426 263.75) 83.0%, oklch(62.05% 0.0458 265.27) 85.1%, oklch(61.65% 0.0490 266.76) 87.2%, oklch(61.26% 0.0521 268.19) 89.4%, oklch(60.88% 0.0549 269.53) 91.5%, oklch(60.53% 0.0575 270.75) 93.6%, oklch(60.23% 0.0599 271.84) 95.7%, oklch(60.00% 0.0618 272.77) 97.9%, oklch(59.84% 0.0634 273.51) 100.0%);

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

Gradient hologram

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