色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#5fc376
データ
赤
95
緑
195
青
118
色相
134°
白
37%
黒
24%
彩度
45%
明度
57%
輝度
61%
色調 = 柔らかい
色相 = 134°
3桁
#7c8
#7c7
#7c6
#7b8
#7b7
#7b6
#7a8
#7a7
#7a6
#6c8
#6c7
#6c6
#6b8
#6b7
#6b6
#6a8
#6a7
#6a6
#5c8
#5c7
#5c6
#5b8
#5b7
#5b6
#5a8
#5a7
#5a6
名前付き
mediumseagreen
mediumaquamarine
darkseagreen
cadetblue
lightgreen
lightslategray
slategray
gray
seagreen
limegreen
lightseagreen
palegreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-120 : 14
-105 : 29
-90 : 44
-75 : 59
-60 : 74
-45 : 89
-30 : 104
-15 : 119
-10 : 124
-5 : 129
-2 : 132
±0 : 134
+2 : 136
+5 : 139
+10 : 144
+15 : 149
+30 : 164
+45 : 179
+60 : 194
+75 : 209
+90 : 224
+105 : 239
+120 : 254
+135 : 269
+150 : 284
+165 : 299
+180 : 314
+195 : 329
+210 : 344
+225 : 359
彩度
+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
明度
+43 : 100
+39 : 96
+35 : 92
+31 : 88
+27 : 84
+23 : 80
+19 : 76
+15 : 72
+11 : 68
+7 : 64
+3 : 60
+2 : 59
±0 : 57
-1 : 56
-2 : 55
-3 : 54
-5 : 52
-7 : 50
-9 : 48
-13 : 44
-17 : 40
-21 : 36
-25 : 32
-29 : 28
-33 : 24
-37 : 20
-41 : 16
-45 : 12
-49 : 8
-53 : 4
-57 : 0
白
-37 : 0
-33 : 4
-29 : 8
-25 : 12
-21 : 16
-17 : 20
-13 : 24
-9 : 28
-5 : 32
-3 : 34
-2 : 35
-1 : 36
±0 : 37
+2 : 39
+3 : 40
+7 : 44
+11 : 48
+13 : 50
+15 : 52
+19 : 56
+23 : 60
+27 : 64
+31 : 68
+35 : 72
+39 : 76
+43 : 80
+47 : 84
+51 : 88
+55 : 92
+59 : 96
+63 : 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
赤
+160 : 255
+143 : 238
+126 : 221
+109 : 204
+92 : 187
+75 : 170
+58 : 153
+41 : 136
+24 : 119
+8 : 103
+7 : 102
+4 : 99
+2 : 97
+1 : 96
±0 : 95
-1 : 94
-2 : 93
-4 : 91
-8 : 87
-10 : 85
-27 : 68
-44 : 51
-61 : 34
-78 : 17
-95 : 0
緑
+60 : 255
+43 : 238
+26 : 221
+9 : 204
+8 : 203
+4 : 199
+2 : 197
+1 : 196
±0 : 195
-1 : 194
-2 : 193
-4 : 191
-8 : 187
-25 : 170
-42 : 153
-59 : 136
-76 : 119
-93 : 102
-110 : 85
-127 : 68
-144 : 51
-161 : 34
-178 : 17
-195 : 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