13 種類のアクアの色合い (+ HEXコード)
明るいアクアから深いアクアまで、すべてのアクアの色合いを探索しましょう！HEXコード、色名、アクアのカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。
アクアは最大の彩度のシアンで、浅い海と初期のウェブデザインの色です。すぐ目を引くので、広い面より差し色に向きます。
画面では明るすぎて白い文字は乗りません。ほぼ黒い文字を使うか、暗いティールに寄せてから使ってください。
- dew#ebffff
- oyster bay#d2ffff
- onahau#baffff
- anakiwa#a1ffff
- aquamarine#70ffff
- cyan / aqua#40ffff
- robin's egg blue#00dddd
- persian green#00acac
- teal#007b7b
- blue stone#006363
- sherpa blue#004a4a
- deep teal#003232
- swamp#00191a
アクア: HEX & RGB コード
アクア の主なカラーコードは以下のとおりです:
HEX: #ebffff
RGB: (235, 255, 255).
インタラクティブなカラーピッカーを使って、さまざまな アクア の色合いを探索しましょう。カラーをクリックすると、HEXコードをコピーしてプロジェクトで使用できます！
アクアのティントを探索する
Dew
#ebffff
Dew
#ebffff
Twilight Blue
#f0ffff
Twilight Blue
#f0ffff
Twilight Blue
#f5ffff
Twilight Blue
#f5ffff
Twilight Blue
#f5ffff
Twilight Blue
#faffff
Twilight Blue
#faffff
White
#ffffff
アクアのシェードを探索する
Bottle Green
#093434
Elephant
#154c4c
Casal
#256565
Ming
#3b8181
Breaker Bay
#559b9b
Neptune
#74b4b4
Half Baked
#94cccc
Jagged Ice
#bde5e5
アクアのHEX・RGB・HSL・CMYK
| HEX | #00FFFF | |
|---|---|---|
| RGB | rgb(0, 255, 255) | |
| HSL | hsl(180, 100%, 50%) | |
| CMYK | cmyk(100%, 0%, 0%, 0%) |
アクアの明るい色と暗い色
白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。
明るい方向
#27ffff
#4effff
#75ffff
#9cffff
#c4ffff
#ebffff
暗い方向
#00d8d8
#00b1b1
#008a8a
#006363
#003b3b
#001414
アクアと相性のよい色
補色
#00FFFF #ff0000
色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。
類似色
#00ff80 #00FFFF #007fff
色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。
トライアド
#00FFFF #ff00ff #ffff00
等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。
アクアの上の文字
WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます： コントラストチェッカー
アクアのシェードチャート
右クリックでチャートを保存できます。個別のコードは上からコピーしてください。