色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#65e4f3
データ
赤
101
緑
228
青
243
色相
186°
白
40%
黒
5%
彩度
86%
明度
67%
輝度
75%
色調 = 輝かしい
色相 = 186°
3桁
#7ef
#7ee
#7ed
#7df
#7de
#7dd
#7cf
#7ce
#7cd
#6ef
#6ee
#6ed
#6df
#6de
#6dd
#6cf
#6ce
#6cd
#5ef
#5ee
#5ed
#5df
#5de
#5dd
#5cf
#5ce
#5cd
名前付き
lightskyblue
skyblue
aquamarine
turquoise
mediumturquoise
lightblue
paleturquoise
powderblue
mediumaquamarine
cornflowerblue
lightsteelblue
aqua
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-180 : 6
-165 : 21
-150 : 36
-135 : 51
-120 : 66
-105 : 81
-90 : 96
-75 : 111
-60 : 126
-45 : 141
-30 : 156
-15 : 171
-10 : 176
-5 : 181
-2 : 184
±0 : 186
+2 : 188
+5 : 191
+10 : 196
+15 : 201
+30 : 216
+45 : 231
+60 : 246
+75 : 261
+90 : 276
+105 : 291
+120 : 306
+135 : 321
+150 : 336
+165 : 351
彩度
+14 : 100
+10 : 96
+6 : 92
+3 : 89
+2 : 88
±0 : 86
-2 : 84
-3 : 83
-6 : 80
-10 : 76
-14 : 72
-18 : 68
-22 : 64
-26 : 60
-30 : 56
-34 : 52
-36 : 50
-38 : 48
-42 : 44
-46 : 40
-50 : 36
-54 : 32
-58 : 28
-62 : 24
-66 : 20
-70 : 16
-74 : 12
-78 : 8
-82 : 4
-86 : 0
明度
+33 : 100
+29 : 96
+25 : 92
+21 : 88
+17 : 84
+13 : 80
+9 : 76
+5 : 72
+3 : 70
+2 : 69
+1 : 68
±0 : 67
-2 : 65
-3 : 64
-7 : 60
-11 : 56
-15 : 52
-17 : 50
-19 : 48
-23 : 44
-27 : 40
-31 : 36
-35 : 32
-39 : 28
-43 : 24
-47 : 20
-51 : 16
-55 : 12
-59 : 8
-63 : 4
-67 : 0
白
-40 : 0
-36 : 4
-32 : 8
-28 : 12
-24 : 16
-20 : 20
-16 : 24
-12 : 28
-8 : 32
-4 : 36
-3 : 37
-2 : 38
±0 : 40
+2 : 42
+3 : 43
+4 : 44
+8 : 48
+10 : 50
+12 : 52
+16 : 56
+20 : 60
+24 : 64
+28 : 68
+32 : 72
+36 : 76
+40 : 80
+44 : 84
+48 : 88
+52 : 92
+56 : 96
+60 : 100
黒
-5 : 0
-3 : 2
-2 : 3
-1 : 4
±0 : 5
+2 : 7
+3 : 8
+7 : 12
+11 : 16
+15 : 20
+19 : 24
+23 : 28
+27 : 32
+31 : 36
+35 : 40
+39 : 44
+43 : 48
+45 : 50
+47 : 52
+51 : 56
+55 : 60
+59 : 64
+63 : 68
+67 : 72
+71 : 76
+75 : 80
+79 : 84
+83 : 88
+87 : 92
+91 : 96
+95 : 100
赤
+154 : 255
+137 : 238
+120 : 221
+103 : 204
+86 : 187
+69 : 170
+52 : 153
+35 : 136
+18 : 119
+8 : 109
+4 : 105
+2 : 103
+1 : 102
±0 : 101
-1 : 100
-2 : 99
-4 : 97
-8 : 93
-16 : 85
-33 : 68
-50 : 51
-67 : 34
-84 : 17
-101 : 0
緑
+27 : 255
+10 : 238
+8 : 236
+4 : 232
+2 : 230
+1 : 229
±0 : 228
-1 : 227
-2 : 226
-4 : 224
-7 : 221
-8 : 220
-24 : 204
-41 : 187
-58 : 170
-75 : 153
-92 : 136
-109 : 119
-126 : 102
-143 : 85
-160 : 68
-177 : 51
-194 : 34
-211 : 17
-228 : 0
青
+12 : 255
+8 : 251
+4 : 247
+2 : 245
+1 : 244
±0 : 243
-1 : 242
-2 : 241
-4 : 239
-5 : 238
-8 : 235
-22 : 221
-39 : 204
-56 : 187
-73 : 170
-90 : 153
-107 : 136
-124 : 119
-141 : 102
-158 : 85
-175 : 68
-192 : 51
-209 : 34
-226 : 17
-243 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000