色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#196676
データ
赤
25
緑
102
青
118
色相
190°
白
10%
黒
54%
彩度
65%
明度
28%
輝度
32%
色調 = 深い
色相 = 190°
3桁
#278
#277
#276
#268
#267
#266
#258
#257
#256
#178
#177
#176
#168
#167
#166
#158
#157
#156
#078
#077
#076
#068
#067
#066
#058
#057
#056
名前付き
teal
darkcyan
darkslategray
seagreen
darkslateblue
midnightblue
dimgray
steelblue
mediumseagreen
forestgreen
lightseagreen
darkolivegreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-180 : 10
-165 : 25
-150 : 40
-135 : 55
-120 : 70
-105 : 85
-90 : 100
-75 : 115
-60 : 130
-45 : 145
-30 : 160
-15 : 175
-10 : 180
-5 : 185
-2 : 188
±0 : 190
+2 : 192
+5 : 195
+10 : 200
+15 : 205
+30 : 220
+45 : 235
+60 : 250
+75 : 265
+90 : 280
+105 : 295
+120 : 310
+135 : 325
+150 : 340
+165 : 355
彩度
+35 : 100
+31 : 96
+27 : 92
+23 : 88
+19 : 84
+15 : 80
+11 : 76
+7 : 72
+3 : 68
+2 : 67
±0 : 65
-1 : 64
-2 : 63
-3 : 62
-5 : 60
-9 : 56
-13 : 52
-15 : 50
-17 : 48
-21 : 44
-25 : 40
-29 : 36
-33 : 32
-37 : 28
-41 : 24
-45 : 20
-49 : 16
-53 : 12
-57 : 8
-61 : 4
-65 : 0
明度
+72 : 100
+68 : 96
+64 : 92
+60 : 88
+56 : 84
+52 : 80
+48 : 76
+44 : 72
+40 : 68
+36 : 64
+32 : 60
+28 : 56
+24 : 52
+22 : 50
+20 : 48
+16 : 44
+12 : 40
+8 : 36
+4 : 32
+3 : 31
+2 : 30
±0 : 28
-2 : 26
-3 : 25
-4 : 24
-8 : 20
-12 : 16
-16 : 12
-20 : 8
-24 : 4
-28 : 0
白
-10 : 0
-6 : 4
-3 : 7
-2 : 8
±0 : 10
+2 : 12
+3 : 13
+6 : 16
+10 : 20
+14 : 24
+18 : 28
+22 : 32
+26 : 36
+30 : 40
+34 : 44
+38 : 48
+40 : 50
+42 : 52
+46 : 56
+50 : 60
+54 : 64
+58 : 68
+62 : 72
+66 : 76
+70 : 80
+74 : 84
+78 : 88
+82 : 92
+86 : 96
+90 : 100
黒
-54 : 0
-50 : 4
-46 : 8
-42 : 12
-38 : 16
-34 : 20
-30 : 24
-26 : 28
-22 : 32
-18 : 36
-14 : 40
-10 : 44
-6 : 48
-4 : 50
-3 : 51
-2 : 52
±0 : 54
+2 : 56
+3 : 57
+6 : 60
+10 : 64
+14 : 68
+18 : 72
+22 : 76
+26 : 80
+30 : 84
+34 : 88
+38 : 92
+42 : 96
+46 : 100
赤
+230 : 255
+213 : 238
+196 : 221
+179 : 204
+162 : 187
+145 : 170
+128 : 153
+111 : 136
+94 : 119
+77 : 102
+60 : 85
+43 : 68
+26 : 51
+9 : 34
+8 : 33
+4 : 29
+2 : 27
+1 : 26
±0 : 25
-1 : 24
-2 : 23
-4 : 21
-8 : 17
-25 : 0
緑
+153 : 255
+136 : 238
+119 : 221
+102 : 204
+85 : 187
+68 : 170
+51 : 153
+34 : 136
+17 : 119
+8 : 110
+4 : 106
+2 : 104
+1 : 103
±0 : 102
-1 : 101
-2 : 100
-4 : 98
-8 : 94
-17 : 85
-34 : 68
-51 : 51
-68 : 34
-85 : 17
-102 : 0
青
+137 : 255
+120 : 238
+103 : 221
+86 : 204
+69 : 187
+52 : 170
+35 : 153
+18 : 136
+8 : 126
+4 : 122
+2 : 120
+1 : 119
±0 : 118
-1 : 117
-2 : 116
-4 : 114
-8 : 110
-16 : 102
-33 : 85
-50 : 68
-67 : 51
-84 : 34
-101 : 17
-118 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000