色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#44cdc2
データ
赤
68
緑
205
青
194
色相
175°
白
27%
黒
20%
彩度
58%
明度
54%
輝度
64%
色調 = 柔らかい
色相 = 175°
3桁
#5dc
#5db
#5da
#5cc
#5cb
#5ca
#5bc
#5bb
#5ba
#4dc
#4db
#4da
#4cc
#4cb
#4ca
#4bc
#4bb
#4ba
#3dc
#3db
#3da
#3cc
#3cb
#3ca
#3bc
#3bb
#3ba
名前付き
mediumturquoise
turquoise
mediumaquamarine
lightseagreen
cadetblue
darkturquoise
steelblue
cornflowerblue
skyblue
aquamarine
mediumseagreen
lightskyblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-165 : 10
-150 : 25
-135 : 40
-120 : 55
-105 : 70
-90 : 85
-75 : 100
-60 : 115
-45 : 130
-30 : 145
-15 : 160
-10 : 165
-5 : 170
-2 : 173
±0 : 175
+2 : 177
+5 : 180
+10 : 185
+15 : 190
+30 : 205
+45 : 220
+60 : 235
+75 : 250
+90 : 265
+105 : 280
+120 : 295
+135 : 310
+150 : 325
+165 : 340
+180 : 355
彩度
+42 : 100
+38 : 96
+34 : 92
+30 : 88
+26 : 84
+22 : 80
+18 : 76
+14 : 72
+10 : 68
+6 : 64
+3 : 61
+2 : 60
±0 : 58
-2 : 56
-3 : 55
-6 : 52
-8 : 50
-10 : 48
-14 : 44
-18 : 40
-22 : 36
-26 : 32
-30 : 28
-34 : 24
-38 : 20
-42 : 16
-46 : 12
-50 : 8
-54 : 4
-58 : 0
明度
+46 : 100
+42 : 96
+38 : 92
+34 : 88
+30 : 84
+26 : 80
+22 : 76
+18 : 72
+14 : 68
+10 : 64
+6 : 60
+3 : 57
+2 : 56
±0 : 54
-2 : 52
-3 : 51
-4 : 50
-6 : 48
-10 : 44
-14 : 40
-18 : 36
-22 : 32
-26 : 28
-30 : 24
-34 : 20
-38 : 16
-42 : 12
-46 : 8
-50 : 4
-54 : 0
白
-27 : 0
-23 : 4
-19 : 8
-15 : 12
-11 : 16
-7 : 20
-3 : 24
-2 : 25
±0 : 27
+1 : 28
+2 : 29
+3 : 30
+5 : 32
+9 : 36
+13 : 40
+17 : 44
+21 : 48
+23 : 50
+25 : 52
+29 : 56
+33 : 60
+37 : 64
+41 : 68
+45 : 72
+49 : 76
+53 : 80
+57 : 84
+61 : 88
+65 : 92
+69 : 96
+73 : 100
黒
-20 : 0
-16 : 4
-12 : 8
-8 : 12
-4 : 16
-3 : 17
-2 : 18
±0 : 20
+2 : 22
+3 : 23
+4 : 24
+8 : 28
+12 : 32
+16 : 36
+20 : 40
+24 : 44
+28 : 48
+30 : 50
+32 : 52
+36 : 56
+40 : 60
+44 : 64
+48 : 68
+52 : 72
+56 : 76
+60 : 80
+64 : 84
+68 : 88
+72 : 92
+76 : 96
+80 : 100
赤
+187 : 255
+170 : 238
+153 : 221
+136 : 204
+119 : 187
+102 : 170
+85 : 153
+68 : 136
+51 : 119
+34 : 102
+17 : 85
+8 : 76
+4 : 72
+2 : 70
+1 : 69
±0 : 68
-1 : 67
-2 : 66
-4 : 64
-8 : 60
-17 : 51
-34 : 34
-51 : 17
-68 : 0
緑
+50 : 255
+33 : 238
+16 : 221
+8 : 213
+4 : 209
+2 : 207
+1 : 206
±0 : 205
-1 : 204
-2 : 203
-4 : 201
-8 : 197
-18 : 187
-35 : 170
-52 : 153
-69 : 136
-86 : 119
-103 : 102
-120 : 85
-137 : 68
-154 : 51
-171 : 34
-188 : 17
-205 : 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