Vàng, xanh cổ vịt, xanh dương và tím (gradient tuyến tính)

Bảng màu Vàng, xanh cổ vịt, xanh dương và tím

Gradient tuyến tính, 32 màu, góc 45°: #f4d547, #00aa94, #37579a, #5b539a, #7664ac. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f4d547
#e4d448
#d0d24c
#b7d055
#99cc61
#78c76e
#51c07c
#17b789
#00aa94
#009c99
#00909c
#00849d
#00799f
#006fa2
#1d65a1
#2d5d9d
#37579a
#3e5398
#445196
#494f95
#4e4f95
#535096
#575198
#5b539a
#60559c
#64589f
#675ba2
#6b5da5
#6e60a8
#7161aa
#7463ac
#7664ac

CSS

background: linear-gradient(45deg in oklch, oklch(87.40% 0.1571 96.33) 0.0%, oklch(85.85% 0.1555 102.52) 3.2%, oklch(83.84% 0.1535 110.39) 6.5%, oklch(81.43% 0.1511 119.68) 9.7%, oklch(78.70% 0.1484 130.18) 12.9%, oklch(75.73% 0.1455 141.62) 16.1%, oklch(72.57% 0.1424 153.79) 19.4%, oklch(69.31% 0.1391 166.45) 22.6%, oklch(66.01% 0.1203 179.34) 25.8%, oklch(62.74% 0.1076 192.26) 29.0%, oklch(59.58% 0.1017 204.95) 32.3%, oklch(56.59% 0.1012 217.19) 35.5%, oklch(53.86% 0.1058 228.72) 38.7%, oklch(51.44% 0.1165 239.32) 41.9%, oklch(49.40% 0.1185 248.71) 45.2%, oklch(47.83% 0.1165 256.72) 48.4%, oklch(46.78% 0.1151 263.20) 51.6%, oklch(46.14% 0.1139 268.67) 54.8%, oklch(45.88% 0.1129 273.32) 58.1%, oklch(45.93% 0.1122 277.22) 61.3%, oklch(46.25% 0.1117 280.46) 64.5%, oklch(46.81% 0.1114 283.10) 67.7%, oklch(47.55% 0.1112 285.22) 71.0%, oklch(48.43% 0.1111 286.91) 74.2%, oklch(49.41% 0.1111 288.23) 77.4%, oklch(50.44% 0.1112 289.28) 80.6%, oklch(51.47% 0.1113 290.12) 83.9%, oklch(52.46% 0.1115 290.83) 87.1%, oklch(53.36% 0.1116 291.49) 90.3%, oklch(54.14% 0.1117 292.17) 93.5%, oklch(54.74% 0.1117 292.97) 96.8%, oklch(55.12% 0.1116 293.94) 100.0%);

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

Tuổi thơ hoài niệm

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