色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#90a8f2
データ
赤
144
緑
168
青
242
色相
225°
白
56%
黒
5%
彩度
79%
明度
76%
輝度
66%
色調 = 輝かしい
色相 = 225°
3桁
#9bf
#9be
#9bd
#9af
#9ae
#9ad
#99f
#99e
#99d
#8bf
#8be
#8bd
#8af
#8ae
#8ad
#89f
#89e
#89d
#7bf
#7be
#7bd
#7af
#7ae
#7ad
#79f
#79e
#79d
名前付き
skyblue
lightskyblue
lightsteelblue
cornflowerblue
lightblue
mediumpurple
powderblue
mediumslateblue
silver
paleturquoise
darkgray
thistle
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-225 : 0
-210 : 15
-195 : 30
-180 : 45
-165 : 60
-150 : 75
-135 : 90
-120 : 105
-105 : 120
-90 : 135
-75 : 150
-60 : 165
-45 : 180
-30 : 195
-15 : 210
-10 : 215
-5 : 220
-2 : 223
±0 : 225
+2 : 227
+5 : 230
+10 : 235
+15 : 240
+30 : 255
+45 : 270
+60 : 285
+75 : 300
+90 : 315
+105 : 330
+120 : 345
彩度
+21 : 100
+17 : 96
+13 : 92
+9 : 88
+5 : 84
+3 : 82
+2 : 81
+1 : 80
±0 : 79
-2 : 77
-3 : 76
-7 : 72
-11 : 68
-15 : 64
-19 : 60
-23 : 56
-27 : 52
-29 : 50
-31 : 48
-35 : 44
-39 : 40
-43 : 36
-47 : 32
-51 : 28
-55 : 24
-59 : 20
-63 : 16
-67 : 12
-71 : 8
-75 : 4
-79 : 0
明度
+24 : 100
+20 : 96
+16 : 92
+12 : 88
+8 : 84
+4 : 80
+3 : 79
+2 : 78
±0 : 76
-2 : 74
-3 : 73
-4 : 72
-8 : 68
-12 : 64
-16 : 60
-20 : 56
-24 : 52
-26 : 50
-28 : 48
-32 : 44
-36 : 40
-40 : 36
-44 : 32
-48 : 28
-52 : 24
-56 : 20
-60 : 16
-64 : 12
-68 : 8
-72 : 4
-76 : 0
白
-56 : 0
-52 : 4
-48 : 8
-44 : 12
-40 : 16
-36 : 20
-32 : 24
-28 : 28
-24 : 32
-20 : 36
-16 : 40
-12 : 44
-8 : 48
-6 : 50
-4 : 52
-3 : 53
-2 : 54
±0 : 56
+2 : 58
+3 : 59
+4 : 60
+8 : 64
+12 : 68
+16 : 72
+20 : 76
+24 : 80
+28 : 84
+32 : 88
+36 : 92
+40 : 96
+44 : 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
赤
+111 : 255
+94 : 238
+77 : 221
+60 : 204
+43 : 187
+26 : 170
+9 : 153
+8 : 152
+4 : 148
+2 : 146
+1 : 145
±0 : 144
-1 : 143
-2 : 142
-4 : 140
-8 : 136
-25 : 119
-42 : 102
-59 : 85
-76 : 68
-93 : 51
-110 : 34
-127 : 17
-144 : 0
緑
+87 : 255
+70 : 238
+53 : 221
+36 : 204
+19 : 187
+8 : 176
+4 : 172
+2 : 170
+1 : 169
±0 : 168
-1 : 167
-2 : 166
-4 : 164
-8 : 160
-15 : 153
-32 : 136
-49 : 119
-66 : 102
-83 : 85
-100 : 68
-117 : 51
-134 : 34
-151 : 17
-168 : 0
青
+13 : 255
+8 : 250
+4 : 246
+2 : 244
+1 : 243
±0 : 242
-1 : 241
-2 : 240
-4 : 238
-8 : 234
-21 : 221
-38 : 204
-55 : 187
-72 : 170
-89 : 153
-106 : 136
-123 : 119
-140 : 102
-157 : 85
-174 : 68
-191 : 51
-208 : 34
-225 : 17
-242 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000