Xanh dương, xanh dương nhạt và xanh lá (ba tông) tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh dương, xanh dương nhạt và xanh lá (ba tông) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 25°: #1212a8, #2d33ee, #009ee0, #00d3d1, #43e36b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1212a8
#1415ad
#1717b4
#1b1abc
#201cc6
#2520d0
#2a25da
#2d2be4
#2d33ee
#2b3df6
#2249fd
#0b57ff
#006bf1
#007ae7
#0087e3
#0093e1
#009ee0
#00a9e0
#00b2df
#00bbdf
#00c3de
#05c9db
#08ced7
#00d3d1
#00d7c9
#00dac0
#00dcb4
#00dfa7
#00e198
#0be287
#30e378
#43e36b

CSS

background: linear-gradient(25deg in oklch, oklch(34.65% 0.2177 267.19) 0.0%, oklch(35.64% 0.2212 267.30) 3.2%, oklch(36.87% 0.2266 267.74) 6.5%, oklch(38.32% 0.2333 268.37) 9.7%, oklch(39.94% 0.2407 269.05) 12.9%, oklch(41.72% 0.2483 269.62) 16.1%, oklch(43.61% 0.2553 269.95) 19.4%, oklch(45.59% 0.2612 269.90) 22.6%, oklch(47.61% 0.2653 269.31) 25.8%, oklch(49.66% 0.2670 268.05) 29.0%, oklch(51.69% 0.2658 265.97) 32.3%, oklch(53.76% 0.2567 262.95) 35.5%, oklch(56.05% 0.2176 259.04) 38.7%, oklch(58.51% 0.1884 254.34) 41.9%, oklch(61.08% 0.1686 249.03) 45.2%, oklch(63.69% 0.1547 243.22) 48.4%, oklch(66.27% 0.1449 237.08) 51.6%, oklch(68.76% 0.1382 230.73) 54.8%, oklch(71.09% 0.1339 224.33) 58.1%, oklch(73.18% 0.1315 218.00) 61.3%, oklch(74.98% 0.1306 211.89) 64.5%, oklch(76.42% 0.1302 206.08) 67.7%, oklch(77.55% 0.1311 199.96) 71.0%, oklch(78.42% 0.1342 193.43) 74.2%, oklch(79.07% 0.1383 186.69) 77.4%, oklch(79.54% 0.1444 179.90) 80.6%, oklch(79.87% 0.1530 173.23) 83.9%, oklch(80.09% 0.1644 166.85) 87.1%, oklch(80.25% 0.1788 160.95) 90.3%, oklch(80.38% 0.1948 155.69) 93.5%, oklch(80.52% 0.2028 151.24) 96.8%, oklch(80.71% 0.2081 147.77) 100.0%);

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

Gradient nhiều màu rực rỡ

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