Tạo bảng màu vô tận với Khoma

Sep 11, 2025

Cách

Sử dụng tuyệt vời của lý thuyết màu sắc Trong thiết kế là một trong những điều ngăn cách sự vĩ đại từ mức trung bình. Trong khi chủ quan và sắc thái, màu sắc là một công cụ mạnh mẽ có thể xác định cảm xúc và giai điệu của trải nghiệm kỹ thuật số. Đối với một cái gì đó rất quan trọng, quy trình làm việc của riêng tôi xung quanh là thiếu nghiêm trọng.

3 xu hướng màu lớn cho năm 2018

Mặc dù có rất nhiều tài nguyên tuyệt vời đã có ngoài kia, tôi thấy không có cách nào để duyệt và so sánh kết hợp màu gốc một cách nhanh chóng cảm thấy sẵn sàng để sử dụng. Đó là những gì tôi định giải quyết bằng cách xây dựng KHROMA. .

Chọn một màu, bất kỳ màu nào

The Khroma training screen with the chosen colour bar up top — Màn hình đào tạo Khoma với thanh màu đã chọn lên trên

Một trong những điều thú vị về Khoma là bạn có thể đào tạo một thuật toán AI để hành động như một phần mở rộng của bộ não thiết kế màu của bạn. Thách thức là để làm tốt điều đó, bạn phải chọn 50 màu mà bạn thích. Khi xây dựng thuật toán, tôi đã cố gắng làm cho nó hoạt động với ít hơn nhưng kết quả không đủ tốt.

Năm mươi đảm bảo rằng máy phát điện có một phạm vi khá đa dạng và đủ linh hoạt để giúp đỡ với tất cả các thiết kế của bạn. Quá trình đào tạo tương đối không có cấu trúc và có thể là những phần bằng nhau khoa học và nghệ thuật. Một vài lời khuyên chuyên nghiệp từ kinh nghiệm của tôi sẽ giúp bạn tận dụng tối đa nó.

Điều đáng nói ngắn gọn ở đây làm thế nào thuật toán hoạt động. 50 màu của bạn sẽ được sử dụng để đào tạo một mạng lưới thần kinh sẽ có thể nhận ra hàng trăm ngàn màu tương tự khác mà bạn muốn (chúng tôi sẽ gọi đây là mối quan hệ màu sắc của bạn). Nó biết những màu nào bạn không thích vì nó không nằm trong 50 bản gốc bạn đã chọn. Điều đó có nghĩa là nếu bạn không chọn màu nâu sẫm, bạn sẽ không nhìn thấy nó. Điều đó tốt nếu bạn không phải là một người hâm mộ màu nâu sẫm nhưng không phải nếu bạn bỏ lỡ thứ gì đó bạn thực sự thích. Đó là những gì làm cho sự đa dạng rất quan trọng.

Để bắt đầu đào tạo máy phát điện Khoma của bạn, hãy truy cập Khoma.co và nhấp vào Cá nhân hóa. Bạn sẽ thấy một số hướng dẫn và một bức tường cuộn vô hạn của các khối màu. Nhấp chuột vào một trong những khối này sẽ thêm nó vào thanh màu đã chọn của bạn và một loại khác sẽ loại bỏ nó. Cách tốt nhất để tiến hành là cuộn qua và chọn bất kỳ màu nào nhảy ra như một thứ bạn có thể muốn sử dụng trong một thiết kế. Điều này hoạt động tốt trong 30 màu đầu tiên.

Thời gian để tinh chỉnh.

Tại thời điểm này, bạn sẽ muốn nhìn lên thanh màu đã chọn và xem nó đang tạo hình như thế nào. Nếu đây là màu tài liệu của bạn trong bản phác thảo, bạn sẽ có tất cả mọi thứ bạn cần? 20 màu tiếp theo từ đây nên là về sàng lọc. Khi bạn tiến hành một tooltip nhỏ sẽ bật ra với một số gợi ý, ví dụ: chọn một số màu đỏ tươi, vàng và màu nhạt hơn sẽ cải thiện kết quả của bạn '. Tôi khuyên bạn nên cố gắng gắn bó với những điều này nhưng đừng ngại tiếp tục chọn màu mới. Từ đây bạn nên chọn thêm 10, nâng tổng số lên 40.

Nhìn lên tại quán bar một lần nữa. Bạn có thấy màu sắc hầu như giống nhau? Không có gì lạ khi chọn cùng màu nhiều lần kể từ đó, tốt, bạn thích chúng. Nhưng điều đó sẽ không hữu ích cho thuật toán của bạn.

Tôi đã có một người bạn thử một nguyên mẫu ban đầu và anh ấy nói với tôi rằng kết quả của anh ấy không tốt lắm. "Nó chủ yếu là màu xanh," anh nói. "Bạn đã chọn chủ yếu là màu xanh trong khóa đào tạo của bạn?" Tôi đã trả lời. "Vâng. Tôi thực sự thích màu xanh."

Kết quả tốt nhất sẽ đến từ việc tìm kiếm bề rộng màu sắc rộng nhất có thể. Nó chuột của bạn trên một màu lặp lại trong thanh trên cùng, bạn có thể nhấp để loại bỏ nó. Điều này giải phóng khe cho một màu bạn chưa chọn. Thực hiện một số cắt tỉa của bất kỳ lặp lại và tiếp tục điền vào màu sắc mới cho đến khi bạn có năm lần chọn còn lại.

Toss trong một số ký tự đại diện

Tôi đã tìm thấy nó bổ ích để ném một số ký tự đại diện cho năm lựa chọn cuối cùng của tôi. Đây là những màu mà tôi không nghĩ rằng tôi từng tự sử dụng. Thường thì tôi đã rất ngạc nhiên bởi những gì Khomma làm với họ. Khi bên cạnh các màu khác, chúng dường như phù hợp hoàn hảo theo cách tôi sẽ không tưởng tượng được.

Khi bạn đã chọn ký tự đại diện của mình, bạn sẽ thấy một nút xe lửa bật lên ở trên cùng bên phải. Bạn có thể tiếp tục chọn màu miễn là bạn muốn từ thời điểm này nhưng nếu màu sắc được chọn của bạn trông giống như một bảng màu tối đẹp với ánh sáng với nhiều giống, có lẽ bạn sẽ bắt đầu tập luyện.

Đào tạo nên mất khoảng ba phút. Bạn có thể mong đợi độ chính xác để lên tới những năm 90 cao. Điều này về cơ bản đại diện cho thuật toán có thể xác định màu sắc của bạn tốt như thế nào. Bạn thực sự có thể quay lại và chỉnh sửa màu sắc đào tạo của mình sau đó nếu bạn muốn thử một số tinh chỉnh.

Xây dựng bộ sưu tập của bạn

Khi quá trình đào tạo kết thúc, bạn sẽ bị rơi vào máy phát điện. Bạn sẽ được trình bày với một lưới combo màu cuộn vô hạn trong mẫu loại. Mỗi combo có một bảng thông tin, bạn có thể mở để xem chi tiết như giá trị tên, hex và rgb, cũng như tỷ lệ truy cập WCAG. Với biểu tượng trái tim ở trên cùng bên phải, bạn có thể bắt đầu xây dựng một bộ sưu tập yêu thích của mình.

Tìm combo phù hợp

Doing a palette search with #8BD2CA and #32514E. If you're not seeing anything you like, try rearranging the colours in the search bar — Thực hiện tìm kiếm bảng màu với # 8BD2CA và # 32514e. Nếu bạn không thấy bất cứ điều gì bạn thích, hãy thử sắp xếp lại màu sắc trong thanh tìm kiếm

Tìm kiếm là một trong những tính năng mạnh nhất của KHROMA. Thông thường, tôi sẽ có một ý tưởng lỏng lẻo về những gì tôi đang tìm kiếm, hoặc tôi đã làm việc với một màu nhất định và muốn tìm bổ sung. Vì Khoma cho phép bạn truy cập vào hàng trăm ngàn màu RGB trong phạm vi ái lực của bạn, có vẻ quan trọng là có thể sàng lọc chúng.

Có nhiều thông số khác nhau, bạn có thể tìm kiếm với: Loại, Huế, Tên, Hex và RGB. Các loại bao gồm tối, ánh sáng, phấn màu, nhợt nhạt, sâu, im lặng, giàu, sáng và neon. Màu sắc ấm áp, mát mẻ, đỏ, cam, vàng, xanh lá cây, xanh lục, xanh lam, tím, tím và đỏ tươi. Có 1.566 màu sắc cụ thể bạn có thể tìm kiếm với những cái tên như 'Royal Blue' và 'Cà phê'. Cuối cùng, nó chấp nhận các giá trị hex và rgb.

Vì Khoma hoạt động với hai combo màu, hãy lưu cho các bảng màu, có hai vị trí để tìm kiếm truy vấn. Nếu bạn nhập một thuật ngữ vào thanh tìm kiếm và tìm kiếm, bạn sẽ gặp kết quả phù hợp với thuật ngữ đó cho khe màu đầu tiên và thứ hai sẽ là ngẫu nhiên.

Ví dụ: nếu bạn tìm kiếm 'Sáng', bạn sẽ nhận được màu sắc bão hòa cao và một cặp ngẫu nhiên với nó. Nếu bạn tìm kiếm 'sáng và xanh', bạn sẽ nhận được những màu sáng và màu xanh ngẫu nhiên trong khe thứ hai. Bạn cũng có thể chuỗi loại và các thuật ngữ Huế cùng nhau, giống như 'màu xanh sáng' và 'màu vàng nhạt', ví dụ.

The details of each pair of colours. Everything can be copied with just a click for quick usage — Các chi tiết của từng cặp màu sắc. Tất cả mọi thứ có thể được sao chép chỉ bằng một cú nhấp chuột để sử dụng nhanh

Một trường hợp sử dụng lớn nơi tìm kiếm đặc biệt hữu ích là khi bạn có hai màu bạn thích và muốn tìm bổ sung cho họ. Bạn sẽ chỉ nhập các màu chính xác đó (# 8bd2ca và # 32514e nói) và tìm kiếm dưới mẫu bảng màu.

Đôi khi bạn sẽ tìm kiếm một màu hoặc thuật ngữ không nằm trong phạm vi ái lực của bạn. Đó là nơi các điều khiển thiên vị xuất hiện. Bạn sẽ thấy chúng dưới dạng hai lần nhấp và kéo các trường ở trên cùng bên phải của thanh công cụ. Bias đại diện cho cách thức nghiêm ngặt máy phát phù hợp với màu sắc cho 50 bạn đã chọn.

Mỗi màu Khoma tạo chạy qua thuật toán và nhận được tỷ lệ phần trăm (khả năng nó tin rằng bạn sẽ thích màu sắc) đáp ứng. Nếu tỷ lệ đó nằm dưới sự thiên vị, nó sẽ bị ném ra ngoài và quá trình lặp lại.

Trong trường hợp của một truy vấn tìm kiếm ngoài phạm vi, độ lệch được tự động hạ thấp cho đến khi nó có thể vượt qua kiểm tra ngưỡng. Nếu nó hoàn toàn nằm ngoài phạm vi của bạn (như màu nâu sẫm từ trước đó), thì nó sẽ tự động biến nó thành 0. Bằng cách này, mọi màu sắc bạn nhận được trong KHROMA Mặc định với mối quan hệ của bạn nhưng có thể điều chỉnh để bạn không chỉ bị giới hạn đến những màu đó.

Hình ảnh tùy chỉnh

The five templates of Khroma – you can see the palette adding a couple more colours to the mix — Năm mẫu của Khoma - bạn có thể thấy bảng màu thêm một vài màu sắc hơn vào hỗn hợp

Bạn có thể tìm thấy một vài tùy chọn tiện dụng ở trên cùng bên phải dưới biểu tượng Cài đặt. Một trong số đó là khả năng tải lên một hình ảnh tùy chỉnh vào mẫu hình ảnh. Bạn không cần phải làm bất cứ điều gì đến hình ảnh trước đó; Chỉ cần đảm bảo rằng đó là kích thước phù hợp.

Trong khi bạn có thể tiếp tục và sử dụng headshot của riêng bạn (tôi sẽ không phán xét), tốt hơn là nghĩ về nó như là khả năng tạo mẫu của riêng bạn. Chụp ảnh màn hình của một cái gì đó bạn đang làm việc trong bản phác thảo hoặc công cụ thiết kế của bạn được lựa chọn, tải lên nó và bắt đầu duyệt các kết hợp không giới hạn!

Tôi hy vọng bạn đã cho Khoma một thử và tìm nó một bổ sung hữu ích và mạnh mẽ vào bộ công cụ thiết kế của bạn.

Bài viết này ban đầu được xuất bản trong số phát hành 303 của mạng lưới , Tạp chí bán chạy nhất thế giới cho các nhà thiết kế và nhà phát triển web. Mua số phát hành 303. hoặc là Đăng ký tại đây .

Những bài viết liên quan:

5 mẹo để hiểu lý thuyết màu sắc
Các công cụ màu sắc tốt nhất cho các nhà thiết kế web
7 mẹo để quản lý màu sắc tốt hơn trên web

Tạo bảng màu vô tận với Khoma

Chọn một màu, bất kỳ màu nào

Thời gian để tinh chỉnh.

Toss trong một số ký tự đại diện

Xây dựng bộ sưu tập của bạn

Tìm combo phù hợp

Hình ảnh tùy chỉnh

Cách - Các bài báo phổ biến nhất

Tạo hiệu ứng nền thị sai được điều khiển bằng chuột

Xây dựng các nguyên mẫu với Adobe XD

Xây dựng bố cục thích ứng mà không cần truy vấn phương tiện

Xuất sau hoạt hình hiệu ứng sang HTML5

Mô phỏng biến đổi Rider Ghost

Cách bắt đầu vẽ tranh sơn dầu

Tạo một hỗn hợp trong Photoshop

Thực hiện phơi sáng gấp đôi trong Photoshop

Thể loại