Vàng, xanh lá và xanh hải quân (ba tông) (gradient xuyên tâm)

Bảng màu Vàng, xanh lá và xanh hải quân (ba tông)

Gradient xuyên tâm, 32 màu: #fff3aa, #d0d256, #2b71b4, #0e3573, #081537. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fff3aa
#fff09b
#ffeb87
#ffe56b
#fbe054
#f4dc49
#edd847
#e2d44d
#d0d256
#b2cf65
#80ca83
#4dbea3
#3eabb5
#4997b8
#4988b5
#3d7cb4
#2b71b4
#1366b2
#075cac
#0b52a2
#0f4996
#104289
#103b7d
#0e3573
#0a2f69
#072a5f
#062656
#06214e
#061d47
#071a40
#08173b
#081537

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(95.67% 0.0925 99.85) 0.0%, oklch(94.78% 0.1063 99.25) 3.2%, oklch(93.53% 0.1225 98.20) 6.5%, oklch(92.05% 0.1440 97.53) 9.7%, oklch(90.45% 0.1572 98.02) 12.9%, oklch(88.89% 0.1611 99.76) 16.1%, oklch(87.42% 0.1589 100.91) 19.4%, oklch(85.81% 0.1529 103.43) 22.6%, oklch(83.78% 0.1448 109.71) 25.8%, oklch(81.05% 0.1366 122.23) 29.0%, oklch(77.35% 0.1249 144.87) 32.3%, oklch(72.96% 0.1106 174.33) 35.5%, oklch(68.38% 0.0978 204.22) 38.7%, oklch(64.09% 0.0911 228.15) 41.9%, oklch(60.39% 0.0949 241.66) 45.2%, oklch(56.96% 0.1085 248.16) 48.4%, oklch(53.71% 0.1259 250.57) 51.6%, oklch(50.60% 0.1406 251.63) 54.8%, oklch(47.57% 0.1467 253.88) 58.1%, oklch(44.63% 0.1448 256.11) 61.3%, oklch(41.81% 0.1384 257.58) 64.5%, oklch(39.12% 0.1299 258.57) 67.7%, oklch(36.57% 0.1222 259.31) 71.0%, oklch(34.16% 0.1158 259.73) 74.2%, oklch(31.88% 0.1091 259.59) 77.4%, oklch(29.75% 0.1024 259.28) 80.6%, oklch(27.80% 0.0958 259.20) 83.9%, oklch(26.04% 0.0897 259.74) 87.1%, oklch(24.40% 0.0835 260.91) 90.3%, oklch(22.93% 0.0776 262.37) 93.5%, oklch(21.73% 0.0725 263.76) 96.8%, oklch(20.87% 0.0689 264.70) 100.0%);

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

Gradient vàng và xanh dương

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