色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#c4fdf9
データ
赤
196
緑
253
青
249
色相
176°
白
77%
黒
1%
彩度
93%
明度
88%
輝度
92%
色調 = 明るい
色相 = 176°
3桁
#dff
#dfe
#dfd
#def
#dee
#ded
#ddf
#dde
#ddd
#cff
#cfe
#cfd
#cef
#cee
#ced
#cdf
#cde
#cdd
#bff
#bfe
#bfd
#bef
#bee
#bed
#bdf
#bde
#bdd
名前付き
paleturquoise
lightcyan
powderblue
lavender
azure
aliceblue
honeydew
lightblue
mintcream
whitesmoke
gainsboro
ghostwhite
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-165 : 11
-150 : 26
-135 : 41
-120 : 56
-105 : 71
-90 : 86
-75 : 101
-60 : 116
-45 : 131
-30 : 146
-15 : 161
-10 : 166
-5 : 171
-2 : 174
±0 : 176
+2 : 178
+5 : 181
+10 : 186
+15 : 191
+30 : 206
+45 : 221
+60 : 236
+75 : 251
+90 : 266
+105 : 281
+120 : 296
+135 : 311
+150 : 326
+165 : 341
+180 : 356
彩度
+7 : 100
+3 : 96
+2 : 95
±0 : 93
-1 : 92
-2 : 91
-3 : 90
-5 : 88
-9 : 84
-13 : 80
-17 : 76
-21 : 72
-25 : 68
-29 : 64
-33 : 60
-37 : 56
-41 : 52
-43 : 50
-45 : 48
-49 : 44
-53 : 40
-57 : 36
-61 : 32
-65 : 28
-69 : 24
-73 : 20
-77 : 16
-81 : 12
-85 : 8
-89 : 4
-93 : 0
明度
+12 : 100
+8 : 96
+4 : 92
+3 : 91
+2 : 90
±0 : 88
-2 : 86
-3 : 85
-4 : 84
-8 : 80
-12 : 76
-16 : 72
-20 : 68
-24 : 64
-28 : 60
-32 : 56
-36 : 52
-38 : 50
-40 : 48
-44 : 44
-48 : 40
-52 : 36
-56 : 32
-60 : 28
-64 : 24
-68 : 20
-72 : 16
-76 : 12
-80 : 8
-84 : 4
-88 : 0
白
-77 : 0
-73 : 4
-69 : 8
-65 : 12
-61 : 16
-57 : 20
-53 : 24
-49 : 28
-45 : 32
-41 : 36
-37 : 40
-33 : 44
-29 : 48
-27 : 50
-25 : 52
-21 : 56
-17 : 60
-13 : 64
-9 : 68
-5 : 72
-3 : 74
-2 : 75
-1 : 76
±0 : 77
+2 : 79
+3 : 80
+7 : 84
+11 : 88
+15 : 92
+19 : 96
+23 : 100
黒
-1 : 0
±0 : 1
+2 : 3
+3 : 4
+7 : 8
+11 : 12
+15 : 16
+19 : 20
+23 : 24
+27 : 28
+31 : 32
+35 : 36
+39 : 40
+43 : 44
+47 : 48
+49 : 50
+51 : 52
+55 : 56
+59 : 60
+63 : 64
+67 : 68
+71 : 72
+75 : 76
+79 : 80
+83 : 84
+87 : 88
+91 : 92
+95 : 96
+99 : 100
赤
+59 : 255
+42 : 238
+25 : 221
+8 : 204
+4 : 200
+2 : 198
+1 : 197
±0 : 196
-1 : 195
-2 : 194
-4 : 192
-8 : 188
-9 : 187
-26 : 170
-43 : 153
-60 : 136
-77 : 119
-94 : 102
-111 : 85
-128 : 68
-145 : 51
-162 : 34
-179 : 17
-196 : 0
緑
+2 : 255
+1 : 254
±0 : 253
-1 : 252
-2 : 251
-4 : 249
-8 : 245
-15 : 238
-32 : 221
-49 : 204
-66 : 187
-83 : 170
-100 : 153
-117 : 136
-134 : 119
-151 : 102
-168 : 85
-185 : 68
-202 : 51
-219 : 34
-236 : 17
-253 : 0
青
+6 : 255
+4 : 253
+2 : 251
+1 : 250
±0 : 249
-1 : 248
-2 : 247
-4 : 245
-8 : 241
-11 : 238
-28 : 221
-45 : 204
-62 : 187
-79 : 170
-96 : 153
-113 : 136
-130 : 119
-147 : 102
-164 : 85
-181 : 68
-198 : 51
-215 : 34
-232 : 17
-249 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000