Khroma와 함께 무한한 색상 팔레트를 생성한다

Sep 17, 2025

어떻게

훌륭한 사용 색 이론 디자인에서는 평균적으로 위대한 것을 분리하는 그 것들 중 하나입니다. 주관적이고 뉘앙스가있는 동안 색상은 디지털 경험의 감정과 톤을 정의 할 수있는 강력한 도구입니다. 중요한 것을 위해서는 색상 주위의 내 워크 플로가 심각하게 부족했습니다.

2018 년 3 개의 거대한 색상 추세

이미 훌륭한 자원이 많이 있지만, 사용할 준비가 완료된 원래의 색상 조합을 탐색하고 비교할 수있는 방법이 없었습니다. 그것이 제가 건물로 해결하려는 것입니다 khroma. ...에

색깔, 모든 색상을 선택하십시오

The Khroma training screen with the chosen colour bar up top — 선택한 컬러 막대가있는 khroma 훈련 스크린

Khroma에 대한 흥미 진진한 것들 중 하나는 색상 디자이너 뇌의 연장처럼 행동하기 위해 AI 알고리즘을 훈련시키는 것입니다. 도전은 잘 할 수 있도록, 당신이 좋아하는 50 가지 색상을 선택해야합니다. 알고리즘을 빌드 할 때, 나는 그것이 덜 일으키려고 노력했지만 결과는 충분하지 못했습니다.

Fifty는 발전기가 모든 디자인을 돕기에 충분히 다양하고 유연할만한 범위를 가지고 있음을 보장합니다. 훈련 과정은 상대적으로 구조화되지 않으며 아마도 부품 과학과 예술 일 것입니다. 내 경험으로부터 몇 가지 Pro 팁이 가장 많이 얻을 수 있도록 도와줍니다.

알고리즘이 작동하는 방식에서 간단히 언급할만한 가치가 있습니다. 당신의 50 가지 색상은 신경망을 훈련시키는 데 사용될 것입니다. 그것은 당신이 선택한 원래의 50에 있지 않기 때문에 당신이 좋아하지 않는 어떤 색깔을 알고 있습니다. 즉, 어두운 갈색을 선택하지 않으면 보이지 않을 것입니다. 어두운 갈색 팬이 아니라는 것이 아니라 당신이 정말로 좋아하는 것을 놓친다면 괜찮습니다. 그것이 다양한 것이 중요합니다.

Khroma 생성기를 훈련시키기 시작하려면 Khroma.co로 이동하여 개인화를 클릭하십시오. 컬러 블록의 일부 지시와 무한한 스크롤 벽을 볼 수 있습니다. 이 블록 중 하나를 클릭하면 선택한 색상 막대에이를 추가하고 다른 색상을 제거합니다. 진행하는 가장 좋은 방법은 디자인에서 사용하기를 원하는 것으로 점프하는 색상을 스크롤하고 선택하는 것입니다. 이것은 처음 30 가지 색상에 잘 작동합니다.

정제 할 시간

이 시점에서 선택한 컬러 바를보고 그것이 어떻게 형성되는지 보려는 것을 원할 것입니다. 스케치의 문서 색상이있는 경우 필요한 모든 것을 갖고 싶습니까? 여기에서 다음 20 색은 정제에 관한 것입니다. 당신이 진행하면서 약간의 툴팁이 일부 제안과 함께 튀어 나옵니다. 예를 들어, 더 자홍색, 노란색, 창백한 색상을 선택하면 결과가 향상됩니다. ' 나는 이것들을 고수하려고하는 것이 좋지만 새로운 색을 계속 따르는 것을 두려워하지 마십시오. 여기에서 총 10 개를 선택하여 총 40을 가져와야합니다.

바를 다시 봐. 사실상 동일한 색상이 표시됩니까? 그 이후로 동일한 색상을 두 번 이상 선택하는 것은 드문 일이 아닙니다. 그러나 그것은 당신의 알고리즘에 유용하지 않을 것입니다.

나는 친구가 초기 프로토 타입을 시도해 보았으며 그분의 결과가 아주 좋지 않았습니다. "그것은 주로 푸른 색이다."그는 말했다. "당신은 당신의 훈련에서 주로 파란색을 선택 했습니까?" 나는 대답했다. "네, 나는 정말로 푸른 좋아해."

가장 좋은 결과는 가능한 가장 넓은 색 친화력을 발견 할 수 없습니다. 상단 표시 줄에서 반복적 인 색상을 통해 마우스를 마우스를 사용하여 제거 할 수 있습니다. 이것은 아직 선택되지 않은 색상을 위해 슬롯이 해제됩니다. 반복적 인 일류의 가지 치기를하고 5 개의 선택이 남아있을 때까지 새로운 색상을 계속 채우십시오.

일부 와일드 카드에서 던지기

나는 마지막 5 명의 선택을 위해 약간의 와일드 카드를 던지는 것이 보상을 받았습니다. 이들은 내가 그들 자신을 사용할 수 없다고 생각하지 않는 색깔이다. 종종 나는 Khroma가 그들과 함께하는 것에 의해 즐겁게 놀랐습니다. 다른 색깔 옆에있을 때, 그들은 상상하지 못했던 방식으로 완벽하게 맞는 것처럼 보입니다.

와일드 카드를 선택했을 때 기차 버튼이 오른쪽 상단에 팝업됩니다. 이 시점에서 원하는만큼 컬러를 계속 선택할 수 있지만 선택한 색상이 다양한 다양성이있는 라이트 팔레트에 멋진 팔레트처럼 보이면 훈련을 시작할 수 있습니다.

훈련은 약 3 분이 소요됩니다. 높은 90 년대까지 올라갈 수있는 정확도가 될 것으로 기대할 수 있습니다. 이것은 본질적으로 알고리즘이 당신의 색깔을 얼마나 잘 식별 할 수 있는지를 나타냅니다. 몇 가지 조정을 시도하고 싶다면 실제로 돌아가서 훈련 색을 편집 할 수 있습니다.

컬렉션을 만드십시오

훈련 과정이 완료되면 발전기에 삭제됩니다. 유형 템플리트에서 색상 콤보를 무한히 스크롤하는 그리드로 표시됩니다. 각 콤보에는 이름, 16 진수 및 RGB 값과 같은 세부 정보와 WCAG 접근성 비율과 같은 세부 정보를 확인할 수있는 정보 패널이 있습니다. 오른쪽 상단의 심장 아이콘을 사용하면 즐겨 찾기 컬렉션을 작성하기 시작할 수 있습니다.

올바른 콤보를 찾아라

Doing a palette search with #8BD2CA and #32514E. If you're not seeing anything you like, try rearranging the colours in the search bar — # 8BD2CA와 # 32514e로 팔레트 검색을 수행합니다. 당신이 좋아하는 것을 보지 못하면 검색 창에서 색상을 재배치하십시오.

검색은 Khroma의 가장 강력한 기능 중 하나입니다. 종종 내가 찾고있는 것에 대한 느슨한 아이디어를 가질 것이거나 이미 특정 색상으로 일하고 보완물을 찾고 싶어합니다. khroma는 친화력 범위에서 수십만 개의 RGB 색상을 수십만 달러로 접근 할 수 있으므로, 이들을 통해 퇴학 할 수있는 것이 중요해 보였습니다.

유형, 색조, 이름, 16 진수 및 RGB로 검색 할 수있는 매개 변수가 다른 매개 변수가 있습니다. 유형에는 어두운 색, 가벼운, 파스텔, 창백한, 깊은, 음소거 된 풍부한, 밝고 네온이 포함됩니다. 색조는 따뜻하고 차가운, 빨강, 오렌지, 노랑, 녹색, 녹청, 파랑, 보라색, 자주색 및 자홍색입니다. 'Royal Blue'와 'Coffee'와 같은 이름으로 검색 할 수있는 1,566 개의 특정 색상이 있습니다. 마지막으로, 그것은 16 진수 및 RGB 값을 허용합니다.

khroma는 두 가지 색상 콤보와 함께 작동하므로 팔레트에 저장하는 것이 쿼리에 대한 두 개의 슬롯이 있습니다. 검색 창에서 한 용어를 입력하고 검색하면 첫 번째 색상 슬롯의 용어와 일치하는 결과가 나타나고 두 번째는 임의로 일치합니다.

예를 들어 '밝게'를 검색하면 높은 포화도 색상과 임의의 쌍을 얻을 수 있습니다. '밝고 파란색'을 검색하면 두 번째 슬롯에서 밝은 색과 무작위 파란색을 얻을 수 있습니다. 예를 들어 '밝은 파란색'과 '옅은 노란색'과 같은 유형과 색조 조건을 함께 체인 할 수도 있습니다.

The details of each pair of colours. Everything can be copied with just a click for quick usage — 각 색상 쌍의 세부 사항. 모든 것이 빠른 사용을 위해 클릭만으로 복사 할 수 있습니다.

검색이 특히 유용한 하나의 큰 사용 사례는 당신이 원하는 두 가지 색을 가지고 있고 그들을 보완하고 싶을 때입니다. 당신은 그 정확한 색상 (# 8BD2CA와 # 32514e와 # 32514E)을 입력하고 팔레트 템플릿 아래에서 검색 할 것입니다.

때로는 친화력 범위에없는 색상이나 용어를 검색합니다. 그것이 바이어스 제어가 재생되는 곳입니다. 두 번의 클릭으로 볼 수 있으며 도구 모음의 오른쪽 상단에있는 필드를 드래그합니다. 바이어스는 발전기가 선택한 색상을 50으로 정합시키는 방법을 나타냅니다.

각 색상 khroma는 알고리즘을 통해 실행되며 답변으로 백분율을 얻습니다. 그 백분율이 바이어스 아래에 있으면 꺼내지 않고 프로세스가 반복됩니다.

범위를 벗어난 검색 쿼리의 경우, 임계 값 테스트를 통과 할 수있을 때까지 바이어스가 자동으로 낮아집니다. 그것이 당신의 범위를 벗어 났을 경우 (이전부터 우리의 어두운 갈색처럼) 자동으로 0으로 바뀔 것입니다. 이렇게하면 Khroma에서 얻은 모든 색상이 당신의 친화력에 따라 당신이 조정할 수 있으므로 제한적 일뿐 만 아니라 조정할 수 있습니다. 그 색상으로.

사용자 정의 이미지

The five templates of Khroma – you can see the palette adding a couple more colours to the mix — Khroma의 다섯 가지 템플릿 - 팔레트가 믹스에 더 많은 색상을 추가하는 것을 볼 수 있습니다.

설정 아이콘 아래에서 오른쪽 상단에 몇 가지 편리한 옵션을 찾을 수 있습니다. 그 중 하나는 사용자 정의 이미지를 이미지 템플릿에 업로드하는 기능입니다. 미리 이미지에 아무 것도 할 필요가 없습니다. 그것이 올바른 크기인지 확인하십시오.

당신이 앞으로 나아갈 수있는 동안 자신의 얼굴 샷 (나는 판단하지 않을 것입니다), 자신의 템플릿을 만드는 능력으로 생각하는 것이 좋습니다. 스케치 또는 디자인 도구를 선택하고, 업로드하고 무한한 조합을 탐색하기 시작하십시오.

Khroma를 시도하고 디자인 툴킷에 유용하고 강력한 추가로 알 수 있기를 바랍니다.

이 기사는 원래 303 호에 발표되었습니다 그물 웹 디자이너 및 개발자를위한 세계 최고의 잡지. 구매 문제 303. 또는 여기를 구독하십시오 ...에

관련 기사:

색상 이론을 이해하기위한 5 가지 팁
웹 디자이너를위한 최고의 컬러 도구
웹에서 더 좋은 색상을 관리하기위한 7 가지 팁

Khroma와 함께 무한한 색상 팔레트를 생성한다

색깔, 모든 색상을 선택하십시오

정제 할 시간

일부 와일드 카드에서 던지기

컬렉션을 만드십시오

올바른 콤보를 찾아라

사용자 정의 이미지

어떻게 - 가장 인기있는 기사

그림 그리기 : 초보자 가이드

손을 빨리 스케치하는 방법

깃털을 그리는 방법

혼합 미디어 기술로 유령 텍스처를 생성

녹을 시작

애니메이션 3D 텍스트 효과 생성

3ds Max에서 하드 표면 모델링을 선명하게

chatbot 경험을 디자인하는 방법

카테고리