Đen, xanh dương, xanh cổ vịt và xanh lá (gradient tuyến tính)

Đen, xanh dương, xanh cổ vịt và xanh lá: bảng màu gồm 32 màu. #090d17, #362853, #1f60a9, #156a70, #9fbe54. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 5 keyframe OKLCH chỉnh sửa được.

#090d17
#0c101b
#0f1221
#141628
#1a1930
#221d38
#292041
#30244a
#362853
#3c2d5e
#40336b
#423a79
#424288
#3f4a95
#3852a0
#2e5aa7
#1f60a9
#0764a5
#006699
#00668d
#006683
#00657b
#086774
#156a70
#1c7170
#257c71
#328971
#46976f
#5da56a
#76b063
#8eb85b
#9fbe54

CSS

background: linear-gradient(90deg in oklch, oklch(16.14% 0.0207 265.78) 0.0%, oklch(17.32% 0.0248 268.84) 3.2%, oklch(18.88% 0.0303 273.49) 6.5%, oklch(20.74% 0.0368 279.05) 9.7%, oklch(22.81% 0.0440 284.86) 12.9%, oklch(25.01% 0.0517 290.25) 16.1%, oklch(27.27% 0.0596 294.56) 19.4%, oklch(29.50% 0.0674 297.12) 22.6%, oklch(31.63% 0.0749 297.28) 25.8%, oklch(33.95% 0.0836 295.27) 29.0%, oklch(36.48% 0.0936 291.58) 32.3%, oklch(39.08% 0.1039 286.59) 35.5%, oklch(41.65% 0.1139 280.63) 38.7%, oklch(44.04% 0.1226 274.07) 41.9%, oklch(46.13% 0.1293 267.25) 45.2%, oklch(47.79% 0.1331 260.54) 48.4%, oklch(48.86% 0.1330 254.16) 51.6%, oklch(49.11% 0.1281 247.65) 54.8%, oklch(48.75% 0.1134 240.91) 58.1%, oklch(48.09% 0.1004 233.85) 61.3%, oklch(47.39% 0.0911 226.50) 64.5%, oklch(46.96% 0.0848 218.83) 67.7%, oklch(47.07% 0.0796 210.79) 71.0%, oklch(48.02% 0.0759 202.42) 74.2%, oklch(50.10% 0.0773 193.26) 77.4%, oklch(53.26% 0.0829 182.68) 80.6%, oklch(57.16% 0.0915 171.24) 83.9%, oklch(61.46% 0.1018 159.57) 87.1%, oklch(65.80% 0.1128 148.29) 90.3%, oklch(69.84% 0.1232 138.04) 93.5%, oklch(73.22% 0.1320 129.44) 96.8%, oklch(75.59% 0.1378 123.12) 100.0%);

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

Gradient bản đồ nhiệt

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