Xanh lá đậm, xanh dương nhạt và tím (ba tông) (gradient tuyến tính)

Bảng màu Xanh lá đậm, xanh dương nhạt và tím (ba tông)

Gradient tuyến tính, 32 màu, góc 135°: #001d0f, #00565a, #219dda, #a9beff, #784aa5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#001d0f
#002114
#00271a
#002d23
#00352c
#013d37
#024542
#014e4e
#00565a
#005f67
#006875
#007284
#007c95
#0085a6
#008eb8
#0096ca
#219dda
#41a4e6
#5babf0
#72b2f8
#86b9fe
#97bdff
#a3bfff
#a9beff
#a9b7fc
#a5abf3
#9e9be7
#9588d9
#8c75ca
#8463bb
#7d54ae
#784aa5

CSS

background: linear-gradient(135deg in oklch, oklch(20.48% 0.0467 159.51) 0.0%, oklch(22.07% 0.0480 162.57) 3.2%, oklch(24.15% 0.0496 166.87) 6.5%, oklch(26.61% 0.0516 171.99) 9.7%, oklch(29.37% 0.0541 177.63) 12.9%, oklch(32.32% 0.0569 183.48) 16.1%, oklch(35.35% 0.0605 189.32) 19.4%, oklch(38.37% 0.0649 194.89) 22.6%, oklch(41.28% 0.0702 199.93) 25.8%, oklch(44.29% 0.0756 204.69) 29.0%, oklch(47.48% 0.0819 209.36) 32.3%, oklch(50.75% 0.0892 213.96) 35.5%, oklch(54.04% 0.0974 218.53) 38.7%, oklch(57.27% 0.1067 223.10) 41.9%, oklch(60.36% 0.1173 227.68) 45.2%, oklch(63.23% 0.1295 232.31) 48.4%, oklch(65.92% 0.1354 237.00) 51.6%, oklch(68.89% 0.1331 241.78) 54.8%, oklch(71.99% 0.1277 246.60) 58.1%, oklch(74.99% 0.1206 251.45) 61.3%, oklch(77.63% 0.1128 256.28) 64.5%, oklch(79.65% 0.1026 261.08) 67.7%, oklch(80.83% 0.0957 265.83) 71.0%, oklch(80.89% 0.0954 270.48) 74.2%, oklch(79.48% 0.0992 275.17) 77.4%, oklch(76.41% 0.1037 280.14) 80.6%, oklch(72.15% 0.1102 285.23) 83.9%, oklch(67.20% 0.1179 290.24) 87.1%, oklch(62.06% 0.1261 294.96) 90.3%, oklch(57.21% 0.1338 299.19) 93.5%, oklch(53.16% 0.1403 302.76) 96.8%, oklch(50.39% 0.1447 305.44) 100.0%);

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

Gradient nhiều màu

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