色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#233bc2
データ
赤
35
緑
59
青
194
色相
231°
白
14%
黒
24%
彩度
69%
明度
45%
輝度
26%
色調 = 強い
色相 = 231°
3桁
#34c
#34b
#34a
#33c
#33b
#33a
#32c
#32b
#32a
#24c
#24b
#24a
#23c
#23b
#23a
#22c
#22b
#22a
#14c
#14b
#14a
#13c
#13b
#13a
#12c
#12b
#12a
名前付き
royalblue
darkslateblue
mediumblue
slateblue
rebeccapurple
steelblue
darkblue
midnightblue
blue
navy
indigo
teal
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-225 : 6
-210 : 21
-195 : 36
-180 : 51
-165 : 66
-150 : 81
-135 : 96
-120 : 111
-105 : 126
-90 : 141
-75 : 156
-60 : 171
-45 : 186
-30 : 201
-15 : 216
-10 : 221
-5 : 226
-2 : 229
±0 : 231
+2 : 233
+5 : 236
+10 : 241
+15 : 246
+30 : 261
+45 : 276
+60 : 291
+75 : 306
+90 : 321
+105 : 336
+120 : 351
彩度
+31 : 100
+27 : 96
+23 : 92
+19 : 88
+15 : 84
+11 : 80
+7 : 76
+3 : 72
+2 : 71
±0 : 69
-1 : 68
-2 : 67
-3 : 66
-5 : 64
-9 : 60
-13 : 56
-17 : 52
-19 : 50
-21 : 48
-25 : 44
-29 : 40
-33 : 36
-37 : 32
-41 : 28
-45 : 24
-49 : 20
-53 : 16
-57 : 12
-61 : 8
-65 : 4
-69 : 0
明度
+55 : 100
+51 : 96
+47 : 92
+43 : 88
+39 : 84
+35 : 80
+31 : 76
+27 : 72
+23 : 68
+19 : 64
+15 : 60
+11 : 56
+7 : 52
+5 : 50
+3 : 48
+2 : 47
±0 : 45
-1 : 44
-2 : 43
-3 : 42
-5 : 40
-9 : 36
-13 : 32
-17 : 28
-21 : 24
-25 : 20
-29 : 16
-33 : 12
-37 : 8
-41 : 4
-45 : 0
白
-14 : 0
-10 : 4
-6 : 8
-3 : 11
-2 : 12
±0 : 14
+2 : 16
+3 : 17
+6 : 20
+10 : 24
+14 : 28
+18 : 32
+22 : 36
+26 : 40
+30 : 44
+34 : 48
+36 : 50
+38 : 52
+42 : 56
+46 : 60
+50 : 64
+54 : 68
+58 : 72
+62 : 76
+66 : 80
+70 : 84
+74 : 88
+78 : 92
+82 : 96
+86 : 100
黒
-24 : 0
-20 : 4
-16 : 8
-12 : 12
-8 : 16
-4 : 20
-3 : 21
-2 : 22
±0 : 24
+2 : 26
+3 : 27
+4 : 28
+8 : 32
+12 : 36
+16 : 40
+20 : 44
+24 : 48
+26 : 50
+28 : 52
+32 : 56
+36 : 60
+40 : 64
+44 : 68
+48 : 72
+52 : 76
+56 : 80
+60 : 84
+64 : 88
+68 : 92
+72 : 96
+76 : 100
赤
+220 : 255
+203 : 238
+186 : 221
+169 : 204
+152 : 187
+135 : 170
+118 : 153
+101 : 136
+84 : 119
+67 : 102
+50 : 85
+33 : 68
+16 : 51
+8 : 43
+4 : 39
+2 : 37
+1 : 36
±0 : 35
-1 : 34
-2 : 33
-4 : 31
-8 : 27
-18 : 17
-35 : 0
緑
+196 : 255
+179 : 238
+162 : 221
+145 : 204
+128 : 187
+111 : 170
+94 : 153
+77 : 136
+60 : 119
+43 : 102
+26 : 85
+9 : 68
+8 : 67
+4 : 63
+2 : 61
+1 : 60
±0 : 59
-1 : 58
-2 : 57
-4 : 55
-8 : 51
-25 : 34
-42 : 17
-59 : 0
青
+61 : 255
+44 : 238
+27 : 221
+10 : 204
+8 : 202
+4 : 198
+2 : 196
+1 : 195
±0 : 194
-1 : 193
-2 : 192
-4 : 190
-7 : 187
-8 : 186
-24 : 170
-41 : 153
-58 : 136
-75 : 119
-92 : 102
-109 : 85
-126 : 68
-143 : 51
-160 : 34
-177 : 17
-194 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000