Xanh hải quân, cam và be (gradient tuyến tính)

Xanh hải quân, cam và be: bảng màu gồm 40 màu. #05101e, #6b183c, #bf5e00, #eaa950, #f4ebd2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#05101e
#081123
#0c1329
#131530
#1c1638
#27173e
#331843
#411845
#4f1845
#5e1842
#6b183c
#781a35
#831e2d
#8d2424
#952b1b
#9d3210
#a53a01
#ab4400
#b14e00
#b85600
#bf5e00
#c66600
#ce6e00
#d57500
#db7d06
#e08618
#e48e25
#e69732
#e8a040
#eaa950
#ebb25f
#ecbb6f
#edc37f
#edcb8e
#eed29c
#efd9aa
#f0dfb7
#f1e4c2
#f3e8cb
#f4ebd2

CSS

background: linear-gradient(120deg in oklch, oklch(16.93% 0.0344 255.23) 0.0%, oklch(18.07% 0.0394 261.22) 2.6%, oklch(19.46% 0.0459 268.97) 5.1%, oklch(21.09% 0.0537 278.20) 7.7%, oklch(22.91% 0.0624 288.59) 10.3%, oklch(24.89% 0.0719 299.85) 12.8%, oklch(27.00% 0.0819 311.68) 15.4%, oklch(29.22% 0.0919 323.78) 17.9%, oklch(31.51% 0.1019 335.85) 20.5%, oklch(33.83% 0.1115 347.58) 23.1%, oklch(36.17% 0.1205 358.69) 25.6%, oklch(38.48% 0.1285 8.86) 28.2%, oklch(40.74% 0.1353 17.81) 30.8%, oklch(42.91% 0.1406 25.21) 33.3%, oklch(45.07% 0.1448 31.29) 35.9%, oklch(47.29% 0.1486 36.49) 38.5%, oklch(49.57% 0.1519 40.92) 41.0%, oklch(51.88% 0.1492 44.64) 43.6%, oklch(54.21% 0.1480 47.84) 46.2%, oklch(56.56% 0.1483 50.57) 48.7%, oklch(58.90% 0.1496 52.95) 51.3%, oklch(61.22% 0.1515 55.07) 53.8%, oklch(63.50% 0.1536 57.03) 56.4%, oklch(65.74% 0.1558 58.93) 59.0%, oklch(67.92% 0.1566 60.91) 61.5%, oklch(70.03% 0.1538 63.01) 64.1%, oklch(72.05% 0.1502 65.37) 66.7%, oklch(74.04% 0.1451 67.88) 69.2%, oklch(76.05% 0.1381 70.34) 71.8%, oklch(78.07% 0.1297 72.75) 74.4%, oklch(80.08% 0.1200 75.10) 76.9%, oklch(82.05% 0.1095 77.36) 79.5%, oklch(83.96% 0.0985 79.52) 82.1%, oklch(85.80% 0.0873 81.57) 84.6%, oklch(87.54% 0.0762 83.50) 87.2%, oklch(89.17% 0.0656 85.28) 89.7%, oklch(90.66% 0.0558 86.92) 92.3%, oklch(91.99% 0.0471 88.38) 94.9%, oklch(93.14% 0.0399 89.65) 97.4%, oklch(94.09% 0.0344 90.73) 100.0%);

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

Gradient hình nền Gradient hình nền máy tí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