Color Card Tool

https://www.colorbook.io/

以下示範如何使用該網站建立CI Book內的色票。

  1. 輸入Hex code並點擊submit後會得到轉換後的不同色碼,但不要取用此處的色碼,HSL色碼請用Figma轉換,CMYK 請用 Illustrator 轉換

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c7ab5fc1-b56e-44b0-9f69-9c715c44732b/Untitled.png

  2. 點擊下方的Download color card,可以獲得三種不同尺寸的色卡,在需要的尺寸上右鍵選擇"複製圖片位址"

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/0d819c5c-87db-4d5b-9d4f-e0a85819fc11/截圖_2021-08-04_下午4.11.45.png

  3. 在Notion的色碼Gallery-inline元件裡新增一個項目,並點擊add cover,將剛剛複製的網址貼上並送出。

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/13abfd16-1833-4862-8737-cae7851c61c0/截圖_2021-08-04_下午4.15.51.png

  4. 點擊Gallery-inline元件右側的設定按鈕,並選擇Properties,開啟後在card preview項目選取Page cover,如此一來就可以把cover當作色票來使用及管理。

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a5d44738-6aea-44b3-aa36-211f83d59136/截圖_2021-08-04_下午4.16.49.png

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/12588fe1-55c8-462a-bb9d-277d730f1665/截圖_2021-08-04_下午4.21.23.png