色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#5ad1f7
データ
赤
90
緑
209
青
247
色相
195°
白
35%
黒
3%
彩度
91%
明度
66%
輝度
70%
色調 = 輝かしい
色相 = 195°
3桁
#6df
#6de
#6dd
#6cf
#6ce
#6cd
#6bf
#6be
#6bd
#5df
#5de
#5dd
#5cf
#5ce
#5cd
#5bf
#5be
#5bd
#4df
#4de
#4dd
#4cf
#4ce
#4cd
#4bf
#4be
#4bd
名前付き
lightskyblue
mediumturquoise
skyblue
turquoise
cornflowerblue
aquamarine
mediumaquamarine
lightblue
dodgerblue
powderblue
paleturquoise
lightsteelblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-195 : 0
-180 : 15
-165 : 30
-150 : 45
-135 : 60
-120 : 75
-105 : 90
-90 : 105
-75 : 120
-60 : 135
-45 : 150
-30 : 165
-15 : 180
-10 : 185
-5 : 190
-2 : 193
±0 : 195
+2 : 197
+5 : 200
+10 : 205
+15 : 210
+30 : 225
+45 : 240
+60 : 255
+75 : 270
+90 : 285
+105 : 300
+120 : 315
+135 : 330
+150 : 345
彩度
+9 : 100
+5 : 96
+3 : 94
+2 : 93
+1 : 92
±0 : 91
-2 : 89
-3 : 88
-7 : 84
-11 : 80
-15 : 76
-19 : 72
-23 : 68
-27 : 64
-31 : 60
-35 : 56
-39 : 52
-41 : 50
-43 : 48
-47 : 44
-51 : 40
-55 : 36
-59 : 32
-63 : 28
-67 : 24
-71 : 20
-75 : 16
-79 : 12
-83 : 8
-87 : 4
-91 : 0
明度
+34 : 100
+30 : 96
+26 : 92
+22 : 88
+18 : 84
+14 : 80
+10 : 76
+6 : 72
+3 : 69
+2 : 68
±0 : 66
-2 : 64
-3 : 63
-6 : 60
-10 : 56
-14 : 52
-16 : 50
-18 : 48
-22 : 44
-26 : 40
-30 : 36
-34 : 32
-38 : 28
-42 : 24
-46 : 20
-50 : 16
-54 : 12
-58 : 8
-62 : 4
-66 : 0
白
-35 : 0
-31 : 4
-27 : 8
-23 : 12
-19 : 16
-15 : 20
-11 : 24
-7 : 28
-3 : 32
-2 : 33
±0 : 35
+1 : 36
+2 : 37
+3 : 38
+5 : 40
+9 : 44
+13 : 48
+15 : 50
+17 : 52
+21 : 56
+25 : 60
+29 : 64
+33 : 68
+37 : 72
+41 : 76
+45 : 80
+49 : 84
+53 : 88
+57 : 92
+61 : 96
+65 : 100
黒
-3 : 0
-2 : 1
±0 : 3
+1 : 4
+2 : 5
+3 : 6
+5 : 8
+9 : 12
+13 : 16
+17 : 20
+21 : 24
+25 : 28
+29 : 32
+33 : 36
+37 : 40
+41 : 44
+45 : 48
+47 : 50
+49 : 52
+53 : 56
+57 : 60
+61 : 64
+65 : 68
+69 : 72
+73 : 76
+77 : 80
+81 : 84
+85 : 88
+89 : 92
+93 : 96
+97 : 100
赤
+165 : 255
+148 : 238
+131 : 221
+114 : 204
+97 : 187
+80 : 170
+63 : 153
+46 : 136
+29 : 119
+12 : 102
+8 : 98
+4 : 94
+2 : 92
+1 : 91
±0 : 90
-1 : 89
-2 : 88
-4 : 86
-5 : 85
-8 : 82
-22 : 68
-39 : 51
-56 : 34
-73 : 17
-90 : 0
緑
+46 : 255
+29 : 238
+12 : 221
+8 : 217
+4 : 213
+2 : 211
+1 : 210
±0 : 209
-1 : 208
-2 : 207
-4 : 205
-5 : 204
-8 : 201
-22 : 187
-39 : 170
-56 : 153
-73 : 136
-90 : 119
-107 : 102
-124 : 85
-141 : 68
-158 : 51
-175 : 34
-192 : 17
-209 : 0
青
+8 : 255
+4 : 251
+2 : 249
+1 : 248
±0 : 247
-1 : 246
-2 : 245
-4 : 243
-8 : 239
-9 : 238
-26 : 221
-43 : 204
-60 : 187
-77 : 170
-94 : 153
-111 : 136
-128 : 119
-145 : 102
-162 : 85
-179 : 68
-196 : 51
-213 : 34
-230 : 17
-247 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000