Xanh dương, xanh cổ vịt và xanh dương nhạt tông lạnh (gradient tuyến tính)

Xanh dương, xanh cổ vịt và xanh dương nhạt tông lạnh: bảng màu gồm 32 màu. #1f4870, #6cb195, #bacae4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1f4870
#204a6e
#234b6c
#264d6a
#2a5068
#2d5468
#305a6a
#33616c
#38696f
#3e7172
#447975
#4b8279
#528b7e
#589583
#5e9f89
#65a88f
#6cb195
#73b99c
#7ac1a3
#80c9aa
#86cfb2
#8cd5ba
#93d9c0
#9bdbc6
#a1ddcc
#a7ded2
#aaded8
#abdcdf
#add8e4
#b1d2e6
#b6cde6
#bacae4

CSS

background: linear-gradient(135deg in oklch, oklch(39.37% 0.0813 249.61) 0.0%, oklch(39.71% 0.0774 247.68) 3.2%, oklch(40.10% 0.0717 245.22) 6.5%, oklch(40.66% 0.0654 242.04) 9.7%, oklch(41.48% 0.0596 237.92) 12.9%, oklch(42.67% 0.0555 232.65) 16.1%, oklch(44.32% 0.0537 225.59) 19.4%, oklch(46.38% 0.0532 216.48) 22.6%, oklch(48.74% 0.0537 206.47) 25.8%, oklch(51.28% 0.0551 196.73) 29.0%, oklch(53.87% 0.0571 188.44) 32.3%, oklch(56.49% 0.0599 182.31) 35.5%, oklch(59.32% 0.0642 177.41) 38.7%, oklch(62.25% 0.0692 173.50) 41.9%, oklch(65.18% 0.0743 170.45) 45.2%, oklch(67.98% 0.0784 168.12) 48.4%, oklch(70.57% 0.0812 166.42) 51.6%, oklch(73.12% 0.0834 165.52) 54.8%, oklch(75.59% 0.0851 165.38) 58.1%, oklch(77.88% 0.0858 165.94) 61.3%, oklch(79.93% 0.0853 167.13) 64.5%, oklch(81.64% 0.0831 168.81) 67.7%, oklch(83.09% 0.0786 170.29) 71.0%, oklch(84.31% 0.0724 172.07) 74.2%, oklch(85.26% 0.0656 175.01) 77.4%, oklch(85.91% 0.0593 179.95) 80.6%, oklch(86.25% 0.0544 187.78) 83.9%, oklch(86.08% 0.0507 200.58) 87.1%, oklch(85.48% 0.0476 217.04) 90.3%, oklch(84.69% 0.0450 234.35) 93.5%, oklch(83.94% 0.0429 249.67) 96.8%, oklch(83.46% 0.0413 260.18) 100.0%);

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

Giao diện kính óng ánh

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