Nâu, be, hồng và tím đậm (gradient tuyến tính)

Nâu, be, hồng và tím đậm: bảng màu gồm 80 màu. #b28b48, #e1c787, #f5e6ce, #9c7182, #4b344f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b28b48
#b48d4a
#b58f4c
#b7914e
#b99450
#bb9753
#be9a56
#c09d59
#c3a05c
#c5a35f
#c8a763
#cbaa66
#ceae6a
#d0b26e
#d3b571
#d6b875
#d8bc79
#dbbf7d
#ddc280
#dfc484
#e1c787
#e3c98b
#e5cc90
#e6cf94
#e8d299
#ead59f
#ecd8a4
#eedba9
#f0deaf
#f1e1b4
#f3e3b9
#f4e5bd
#f6e7c2
#f7e9c6
#f7eac9
#f8ebcc
#f8ebce
#f8ebcf
#f7ead0
#f6e8cf
#f5e6ce
#f3e2cc
#f0dec8
#eedac4
#ead4c0
#e7cebb
#e3c8b6
#dfc1b1
#dabaab
#d5b2a6
#d0aba1
#cba39d
#c59c98
#bf9594
#b98e91
#b3878d
#ad818a
#a77b87
#a27685
#9c7182
#976d80
#92697d
#8d657b
#886178
#835d75
#7e5972
#79566f
#74526c
#6f4f69
#6b4c66
#674963
#634661
#5f435e
#5b405b
#583e59
#553b56
#523954
#4f3752
#4d3650
#4b344f

CSS

background: linear-gradient(120deg in oklch, oklch(66.14% 0.0978 79.45) 0.0%, oklch(66.63% 0.0976 79.71) 1.3%, oklch(67.22% 0.0974 80.04) 2.5%, oklch(67.90% 0.0972 80.43) 3.8%, oklch(68.66% 0.0970 80.88) 5.1%, oklch(69.48% 0.0968 81.38) 6.3%, oklch(70.37% 0.0966 81.91) 7.6%, oklch(71.31% 0.0964 82.47) 8.9%, oklch(72.28% 0.0961 83.05) 10.1%, oklch(73.29% 0.0958 83.63) 11.4%, oklch(74.32% 0.0955 84.22) 12.7%, oklch(75.36% 0.0950 84.79) 13.9%, oklch(76.40% 0.0945 85.34) 15.2%, oklch(77.43% 0.0940 85.87) 16.5%, oklch(78.45% 0.0933 86.35) 17.7%, oklch(79.44% 0.0925 86.79) 19.0%, oklch(80.39% 0.0916 87.17) 20.3%, oklch(81.29% 0.0905 87.48) 21.5%, oklch(82.14% 0.0893 87.71) 22.8%, oklch(82.93% 0.0879 87.86) 24.1%, oklch(83.64% 0.0864 87.92) 25.3%, oklch(84.38% 0.0846 88.03) 26.6%, oklch(85.17% 0.0824 88.24) 27.8%, oklch(86.01% 0.0799 88.51) 29.1%, oklch(86.87% 0.0771 88.83) 30.4%, oklch(87.75% 0.0742 89.16) 31.6%, oklch(88.63% 0.0711 89.49) 32.9%, oklch(89.49% 0.0679 89.78) 34.2%, oklch(90.33% 0.0646 90.02) 35.4%, oklch(91.12% 0.0612 90.17) 36.7%, oklch(91.85% 0.0579 90.22) 38.0%, oklch(92.52% 0.0547 90.14) 39.2%, oklch(93.10% 0.0515 89.89) 40.5%, oklch(93.58% 0.0485 89.47) 41.8%, oklch(93.94% 0.0457 88.84) 43.0%, oklch(94.18% 0.0432 87.97) 44.3%, oklch(94.28% 0.0409 86.84) 45.6%, oklch(94.22% 0.0390 85.43) 46.8%, oklch(94.00% 0.0374 83.72) 48.1%, oklch(93.59% 0.0362 81.67) 49.4%, oklch(92.97% 0.0355 79.24) 50.6%, oklch(92.12% 0.0353 76.30) 51.9%, oklch(91.06% 0.0354 72.89) 53.2%, oklch(89.79% 0.0359 69.06) 54.4%, oklch(88.35% 0.0367 64.86) 55.7%, oklch(86.75% 0.0378 60.34) 57.0%, oklch(85.01% 0.0391 55.56) 58.2%, oklch(83.17% 0.0406 50.56) 59.5%, oklch(81.23% 0.0422 45.41) 60.8%, oklch(79.21% 0.0440 40.16) 62.0%, oklch(77.15% 0.0459 34.85) 63.3%, oklch(75.06% 0.0477 29.55) 64.6%, oklch(72.96% 0.0496 24.30) 65.8%, oklch(70.87% 0.0514 19.16) 67.1%, oklch(68.82% 0.0532 14.19) 68.4%, oklch(66.82% 0.0548 9.42) 69.6%, oklch(64.90% 0.0562 4.92) 70.9%, oklch(63.08% 0.0574 0.75) 72.2%, oklch(61.38% 0.0584 356.95) 73.4%, oklch(59.82% 0.0591 353.57) 74.7%, oklch(58.36% 0.0595 350.59) 75.9%, oklch(56.92% 0.0598 347.82) 77.2%, oklch(55.47% 0.0599 345.23) 78.5%, oklch(54.04% 0.0599 342.83) 79.7%, oklch(52.61% 0.0598 340.59) 81.0%, oklch(51.21% 0.0596 338.52) 82.3%, oklch(49.83% 0.0593 336.60) 83.5%, oklch(48.48% 0.0589 334.82) 84.8%, oklch(47.16% 0.0585 333.17) 86.1%, oklch(45.88% 0.0580 331.65) 87.3%, oklch(44.64% 0.0575 330.24) 88.6%, oklch(43.45% 0.0570 328.93) 89.9%, oklch(42.31% 0.0565 327.72) 91.1%, oklch(41.23% 0.0559 326.59) 92.4%, oklch(40.21% 0.0554 325.54) 93.7%, oklch(39.26% 0.0550 324.56) 94.9%, oklch(38.38% 0.0546 323.63) 96.2%, oklch(37.57% 0.0542 322.75) 97.5%, oklch(36.85% 0.0539 321.91) 98.7%, oklch(36.22% 0.0537 321.10) 100.0%);

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

Tiệc cưới lụa sâm panh

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